| 标题 | HTML中Li标签的使用示例 |
| 范文 | 希望实现标题在左对齐，日期在右对齐，当直接给日期的span加上float:right时，IE8和FF都OK，但IE6/7则会换行，下面给出一个简单有效的解决办法。 XML/HTML Code 1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2.<html xmlns="http://www.w3.org/1999/xhtml"> 3.<head> 4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5. <title></title> 6.<style> 7.<!-- 8. 9.#mylist { width:400px; list-style-type:none; margin:0; padding:0; } 10.#mylist li span { 11. float:right; 12.} 13.--> 14.</style> 15.</head> 16.<body> 17.<ul id="mylist"> 18. 19. <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li> 20. <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li> 21. <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li> 22.</ul> 23. 24.</body> 25.</html> 注意: 要把 span 写到Li标签中的最前面，这样在IE6/IE7/FF3.5之前版本中才能保证 span中日期右对齐。 |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。