
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>才是换行。。。。你试试看
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2011-03-25
展开全部
<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;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不能
追问
那 没办法解决吗??~~~
追答
这是版本的问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询