对不起,本站需要开启Javascript;请您打开该功能
含有日期的新闻列表,会把日期放在右侧,怎么解决呢?
 方法一:
 在列表中设置两个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>
咨询
微信扫码咨询
电话咨询
17397907326