专注于网站建设和搭建网络营销体系
商视互联,北京做网站公司
北京做网站,商视互联 您的位置:网站首页 > 商视动态 > 网页设计 > 正文
css布局新闻列表时的最简单方法
作者:商视互联   来源:商视互联   日期:2012/3/26 14:56:35   热度:℃   [ 标签:网页设计 CSS ]

含有日期的新闻列表,会把日期放在右侧,怎么解决呢?
方法一:
 在列表中设置两个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>

转载自站酷网—smile_fhx


本文网址:
更多

切尔西欧联夺冠整容
分分时时彩免费计划 三分时时彩计划软件 重庆时时彩几点开盘 河北时时在线 七乐彩走势图风采 查十一选五开奖结果 腾讯分分彩定位胆0369 重庆时时彩2018官方 沙巴体育正规网址 破解极速时时软件 12选五开奖结果 体彩20选5开奖号码是多少 赌时时彩不可能赢 大平台可以控制时时彩 时时走势图怎么看号 捕鱼大富翁新手卡