无序列表宽度自适应显示特效，不管浏览器的窗口有多宽，它都会自适应宽度显示，根据自己的需求来自定义。
<!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=gb2312" />
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<title>实现列表自适应宽度显示效果css代码_武鸣人</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none;}
ul { border:1px solid #cfdae8; border-left:none; border-bottom:none; overflow:hidden; background:#999999; zoom:1;}
li { width:20%; *width:19.9%;/*IE6&IE7的宽度有点囧*/ float:left;}
span { display:block; border-left:1px solid #cfdae8; height:24px; font-size:12px; line-height:24px; padding:0 4px;}
</style>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<ul>
<li><span><a href="https://www.wuming.ren">武鸣人一号</a></span></li>
<li><span><a href="https://www.wuming.ren">武鸣人二号</a></span></li>
<li><span><a href="https://www.wuming.ren">武鸣人三号</a></span></li>
<li><span><a href="https://www.wuming.ren">武鸣人四号</a></span></li>
<li><span><a href="https://www.wuming.ren">武鸣人五号</a></span></li>
<li><span><a href="https://www.wuming.ren">武鸣人六号</a></span></li>
<li><span><a href="https://www.wuming.ren">武鸣人七号</a></span></li>
<li><span><a href="https://www.wuming.ren">武鸣人八号</a></span></li>
<li><span><a href="https://www.wuming.ren">武鸣人九号</a></span></li>
<li><span><a href="https://www.wuming.ren">武鸣人十号</a></span></li>
<li><span><a href="https://www.wuming.ren">武鸣人十一号</a></span></li>
</ul>
<br /><br />不管浏览器的窗口有多宽，它都会自适应宽度。
</body>
</html>本文来自武鸣人网站，转载请注明出处