衡水网站建设,衡水网络公司,衡水做网站,衡水网站制作,安平网站建设,安平网站优化,冀州网站建设,武强网站建设,衡水做网站的公司

我们是技术出身,不擅长花言巧语
我们只专心为客户提供实实在在、看得见的技术与服务!

seo学习

无限互联 无尽商机 成就你我 传递价值!

Unlimited Internet endless business opportunities to achieve your value to me!首页  »  新闻中心  »  seo学习

让LI标签自动宽度自动换行

来源:http://www.chaofan.biz/  发布者:网站建设 发布时间:2012-10-1 21:53:21 浏览量:
用到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;
}

问题解决。


(转载请注明转自:http://www.chaofan.biz 谢谢!)
  • 60天打造网络营销的主战场!

    专业独家定位策划;三站合一网络营销系统助力更多的关键词上百度首页!

  • 180天快速见效

    专业营销人员协助客户进行网络推广有效快速提升网站转化率,180天快速见效!

  • 打破潜规则,帮你打造团队!

    为您打造一支高效率网络营销运营团队,让你自主操盘网络营销!让你的网络营销真正落地!

  • 7*24小时售后服务保障

    云商衡水网站建设团队将以专业的态度,为您提供100%的专业服务!
    网站有问题3分钟内即可作出反馈