ie6 ie7下，li不能自动换行吗？在ie8和火狐下能自动换行。下面是我的代码：
<styletype="text/css">li{float:left;padding:0px5px;list-style:none;}</style></head><b...
<style type="text/css">
li{ float:left; padding:0px 5px; list-style:none;}
</style>
</head>
<body>
<div style="width:250px; border:1px solid #0066FF;" >
<ul>
<li><a href="">张家界</a></li>
<li><a href="">凤凰 </a></li>
<li><a href="">长沙</a></li>
<li><a href="">衡山</a></li>
<li><a href="">韶山</a></li>
<li><a href="">岳阳楼</a></li>
<li><a href="">周洛</a></li>
<li><a href="">郴州</a></li>
<li><a href="">衡山</a></li>
<li><a href="">桃花源</a></li>
<li><a href="">宁乡</a></li>
<li><a href="">大围山</a></li>
<p style="clear:both;"></p>
</ul>
</div>
</body>
</html> 展开
li{ float:left; padding:0px 5px; list-style:none;}
</style>
</head>
<body>
<div style="width:250px; border:1px solid #0066FF;" >
<ul>
<li><a href="">张家界</a></li>
<li><a href="">凤凰 </a></li>
<li><a href="">长沙</a></li>
<li><a href="">衡山</a></li>
<li><a href="">韶山</a></li>
<li><a href="">岳阳楼</a></li>
<li><a href="">周洛</a></li>
<li><a href="">郴州</a></li>
<li><a href="">衡山</a></li>
<li><a href="">桃花源</a></li>
<li><a href="">宁乡</a></li>
<li><a href="">大围山</a></li>
<p style="clear:both;"></p>
</ul>
</div>
</body>
</html> 展开
5个回答
展开全部
li里面的a要让它转换为块级标签。
如：
li a{
display:block;
width:80px; //宽度自调，针对于你的需要
height:24px;
float:left;
display:inline;
}
这样就可以了。
但愿可以帮上你.
如：
li a{
display:block;
width:80px; //宽度自调，针对于你的需要
height:24px;
float:left;
display:inline;
}
这样就可以了。
但愿可以帮上你.
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<br>才是换行。。。。你试试看
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style type="text/css">
li{ float:left; padding:0px 5px; list-style:none;display:inline;}
</style>
</head>
<body>
<div style="width:250px; border:1px solid #0066FF;" >
<ul>
<li><a href="">张家界</a></li>
<li><a href="">凤凰 </a></li>
<li><a href="">长沙</a></li>
<li><a href="">衡山</a></li>
<li><a href="">韶山</a></li>
<li><a href="">岳阳楼</a></li>
<li><a href="">周洛</a></li>
<li><a href="">郴州</a></li>
<li><a href="">衡山</a></li>
<li><a href="">桃花源</a></li>
<li><a href="">宁乡</a></li>
<li><a href="">大围山</a></li>
</ul>
<p style="clear:both;"></p>
</div>
</body>
</html>
li{ float:left; padding:0px 5px; list-style:none;display:inline;}
</style>
</head>
<body>
<div style="width:250px; border:1px solid #0066FF;" >
<ul>
<li><a href="">张家界</a></li>
<li><a href="">凤凰 </a></li>
<li><a href="">长沙</a></li>
<li><a href="">衡山</a></li>
<li><a href="">韶山</a></li>
<li><a href="">岳阳楼</a></li>
<li><a href="">周洛</a></li>
<li><a href="">郴州</a></li>
<li><a href="">衡山</a></li>
<li><a href="">桃花源</a></li>
<li><a href="">宁乡</a></li>
<li><a href="">大围山</a></li>
</ul>
<p style="clear:both;"></p>
</div>
</body>
</html>
更多追问追答
追问
这样也是一样的效果。。。
追答
你那不是换行了吗？……
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ul,li{white-space:nowrap;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不能
追问
那 没办法解决吗？？~~~
追答
这是版本的问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
