让li标签自动宽度自动换行 -云主机博士
用到li标签，要自动宽度，因为无法预计里面的text的长度，如果固定宽度，又浪费很多空白。
但是死活就是出错，英文没问题，中文就不行：
<!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>
.link-m1{
width:400px;
}
.link-m1 ul li{
float:left;
margin:2px 5px;
list-style:none;
display:block;
}
</style>
</head>
<body>
<div class="link-m1">
<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>显示效果：
搞了足足1个小时。
靠，最后在百度中找到了，很简单，在LI标签中加这个样式即可：white-space: nowrap;
.link-m1 ul li{
float:left;
margin:2px 5px;
list-style:none;
display:block;
white-space: nowrap;
}问题解决。
原文链接：让li标签自动宽度自动换行 -云主机博士，转发请注明来源！
「让li标签自动宽度自动换行 -云主机博士」评论列表
发表评论
