本文摘自PHP中文网,作者巴扎黑,侵删。
希望实现标题在左对齐,日期在右对齐,当直接给日期的span加上float:right时,IE8和FF都OK,但IE6/7则会换行,下面给出一个简单有效的解决办法。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" />
< title ></ title >
< style >
</ style >
</ head >
< body >
< ul id = "mylist" >
< li >< span >2011-12-2</ span >Web开发者网络(Admin10000.com)</ li >
< li >< span >2011-12-2</ span >Web开发者网络(Admin10000.com)</ li >
< li >< span >2011-12-2</ span >Web开发者网络(Admin10000.com)</ li >
</ ul >
</ body >
</ html >
|
注意: 要把 span 写到Li标签中的最前面,这样在IE6/IE7/FF3.5之前版本中才能保证 span中日期右对齐。
阅读剩余部分
相关阅读 >>
dreamweaver怎么快速对齐代码? dw对齐代码的设置方法_dreamweaver教程_网页制作
浅谈使用bootstrap-datepicker插件实现日期录入处理功能
li标签实现日期,标题右对齐的方法
html的标题总结推荐
在html 5中哪个元素用于组合标题元素
bootstrap的表单怎么选日期
css怎么设置两个字和三个字对齐
javascript获取当前日期
css如何设置对齐
浅谈html标题,段落,换行,水平线,特殊字符
更多相关阅读请进入《日期》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » li标签实现日期,标题右对齐的方法