li标签实现日期，标题右对齐的方法
希望实现标题在左对齐，日期在右对齐，当直接给日期的span加上float:right时，IE8和FF都OK，但IE6/7则会换行，下面给出一个简单有效的解决办法。
<!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>
<!--
#mylist { width:400px; list-style-type:none; margin:0; padding:0; }
#mylist li span {
float:right;
}
-->
</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标签实现日期，标题右对齐的方法的详细内容，更多请关注双恒网络其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
云资源网
