含有日期的新闻列表,会把日期放在右侧,怎么解决呢?
方法一:
在列表中设置两个div,并设置浮动为左浮动和右浮动,相信大家都比较了解。
代码
<ul>
<li>
<div
style="float:left">新闻标题</div>
<div
style="float:right">2010-7-6</div>
</li>
</ul>
但是这样写代码太多了。
ul li{ list-style-type:none;
最简单的实现方法:
样式:
<style>
ul li{ list-style-type:none; height:25px; line-height:25px;
text-align:right;}
ul li a{ float:left;}
</style>
代码:
<ul>
<li><a
href="#">
css实现文字居左日期居右排列最简单的网页代码</a>[2010-7-6]</li>
<li><a
href="#">
css最简单的网页代码</a>[2010-7-6]</li>
<li><a
href="#">
css实现文字居左日期居右排列最简单的网页代码</a>[2010-7-6]</li>
</ul>
方法一:
在列表中设置两个div,并设置浮动为左浮动和右浮动,相信大家都比较了解。
代码
<ul>
</ul>
但是这样写代码太多了。
ul li{ list-style-type:none;
最简单的实现方法:
样式:
<style>
</style>
代码:
<ul>
</ul>
本文介绍了一种简洁的CSS布局技巧,用于实现新闻列表中标题左侧显示而日期右侧显示的效果。通过使用浮动属性和简单的样式调整,使得整体布局更加清晰且易于维护。

7424

被折叠的 条评论
为什么被折叠?



