本文摘自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中日期右对齐。
阅读剩余部分
相关阅读 >>
li标签实现日期，标题右对齐的方法
js计算两个日期之差天数总是不正确
javascript获取当前日期
css如何设置对齐
html如何设置标题
bootstrap的表单怎么选日期
css中怎么设置标题字体大小
浅谈使用bootstrap-datepicker插件实现日期录入处理功能
如何使用css实现文本左对齐、右对齐和居中对齐
dreamweaver怎么快速对齐代码? dw对齐代码的设置方法_dreamweaver教程_网页制作
更多相关阅读请进入《日期》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » li标签实现日期，标题右对齐的方法
