DIV+CSS中新闻列表最简单的布局(标题靠左,日期靠右,不需要浮动!)
作者:我就是个世界
发表于:2011-12-18
DIV+CSS中最简单的布局,标题靠左,时间靠右 ,不需要浮动!
[code]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
ul.list li{position:relative}
ul.list li span{position:absolute; right:0}
</style>
</head>
<body>
<ul class="list">
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
</ul>
</body>
</html>
[/code]
[code]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
ul.list li{position:relative}
ul.list li span{position:absolute; right:0}
</style>
</head>
<body>
<ul class="list">
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
</ul>
</body>
</html>
[/code]
已有1条评论