ie6中li不自动换行
google、火狐中正常如下：
IE6中不自动换行：
解决办法：在li中加入属性：
white-space: nowrap;
white-space 属性设置如何处理元素内的空白。
- <!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=gbk" />
- <title>无标题文档</title>
- <style>
- .link{
- border:1px solid #f00;
- width:400px;
- height:auto;
- }
- .link ul{
- list-style-type:none;
- margin:0px;
- padding:0px;
- }
- .link ul li{
- border:1px solid #360;
- display:block;
- float:left;
- margin:2px 5px;
- white-space: nowrap;
- }
- </style>
- </head>
- <body>
- <div class="link">
- <ul>
- <li>武汉晚报</li><li>汽车大世界</li><li>武汉晨报</li><li>车主之友</li><li>湖北日报</li><li>楚天金报</li><li>荆楚网</li><li>长江商报</li><li>武汉晚报</li><li>汽车大世界</li><li>武汉晨报</li><li>车主之友</li><li>湖北日报</li><li>楚天金报</li><li>荆楚网</li><li>长江商报</li>
- </ul>
- </div>
- </body>
- </html>
本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/1130759，如需转载请自行联系原作者
