设计打造极致用户体验
商务合作
- Q Q:121009229 点击交谈
- 邮箱:roc@isroc.cn
- 手机:17397907326
- 上海地址:上海市 长宁区 仙霞路345号
- 苏州地址:苏州 昆山 紫竹路689号
版权所有:上海铭旭科技有限公司 Copyright © 2005 - 2024 isRoc.Net All RightReserved 苏ICP备16064932号
含有日期的新闻列表,会把日期放在右侧,怎么解决呢?
方法一:
在列表中设置两个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界面设计、网站设计开发、网站建设、移动界面设计、软件界面设计、互联网品牌建设和用户体验咨询服务。
设计打造极致用户体验
版权所有:上海铭旭科技有限公司 Copyright © 2005 - 2024 isRoc.Net All RightReserved 苏ICP备16064932号