Menu

css实现文字居左日期居右排列最简单的网页代码

  • 发布日期: 2014-08-08 查看次数 :2742

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



关于铭旭科技

铭旭科技是领先的用户体验设计与互联网品牌建设公司,为众多企业创造了专业与创新的设计解决方案,提供交互设计、UI界面设计、网站设计开发、网站建设、移动界面设计、软件界面设计、互联网品牌建设和用户体验咨询服务。

查看精选案例   |  服务体系    |  了解铭旭动态

更多阅读

高端网站设计中目录结构要如何搭建?

网站的内容和链接规划都是逻辑意义上的规划。在物理意义上,网站是存储在磁盘上的文档和文件夹的组合,这些文档包含HTML文件以及各种格式的图画、音频和视频文件。如果 …

网站搭建质量与建站方式的关系

为了确保网站将来的推广运作和品牌形象展现的作用,一定要确保网站搭建的质量。因而无论是定制网站还是模板网站搭建,不一样的建站方法形成网站质量以及所需的费用肯定是不 …

易威斯堡Easysport官方网站改版成功

Easysport是EasywayInternational旗下最为成功的品牌之一,EasywayInternational于2003年成立,是一家致力于通过 …
返回全部新闻
  • 商务合作

  • Q Q:121009229 点击交谈
  • 邮箱:roc@isroc.cn
  • 手机:17397907326
  • 上海地址:上海市 长宁区 仙霞路345号
  • 苏州地址:苏州 昆山 紫竹路689号

版权所有:上海铭旭科技有限公司 Copyright © 2005 - 2024 isRoc.Net All RightReserved   苏ICP备16064932号  

扫描二维码联系我们的专业设计师
确 认