css怎样设置ul的li 居中均匀排列
我弄菜单栏的时候把ul设置成960px、横向排列，但所有的li都缩在一起，没有在960px之间均匀分开，求高手帮忙解决！（不要设置li的宽度的那种）
<ul >
<li>Home</li>
<li>About Us</li>
<li>Department</li>
<li>Declaration></li>
<li>Services</li>
<li>Apply Link</li>
</ul>
设置margin的话在IE6浏览差别太大
css设置ul的li 居中均匀排列,我们首先需要做的就是将这个ul的width和height确定，使用margin让ul居中，margin的用法如图：
，然后在设置li的width和height，然后给li一个float，通过代码来理解：
<html>
<head>
<style>
ul{
width:300px;
height:30px;
border:1px solid #f00;
marign:0 auto;
}
li{
width:50px;
height:30px;
float:left;
}
</head>
<body>
<ul>
<li>名字1</li>
<li>名字2</li>
<li>名字3</li>
<li>名字4</li>
</ul>
</body>
</html>
温馨提示：内容为网友见解，仅供参考
第1个回答 2010-12-21
IE6的margin的bug最好解决了，在浮动后有magin的div里写一句display:inline就可以解决
如果想少出现兼容问题可以使用padding本回答被提问者采纳
如果想少出现兼容问题可以使用padding本回答被提问者采纳
第2个回答 2010-12-21
有几种方法，一，设置最小宽度，二，设置PADDING和MARGIN属性，三，设置宽度成%比。本回答被网友采纳
第3个回答 2010-12-21
<style>
<!--
div{text-align:center;}
ul{width:960px; border:#F00 solid 1px;}
ul li{float:left; margin-left:20px;}
-->
</style>
<div>
<ul>
<li>Home</li>
<li>About Us</li>
<li>Department</li>
<li>Declaration></li>
<li>Services</li>
<li>Apply Link</li>
</ul>
</div>
<!--
div{text-align:center;}
ul{width:960px; border:#F00 solid 1px;}
ul li{float:left; margin-left:20px;}
-->
</style>
<div>
<ul>
<li>Home</li>
<li>About Us</li>
<li>Department</li>
<li>Declaration></li>
<li>Services</li>
<li>Apply Link</li>
</ul>
</div>
第4个回答 2010-12-21
你适当的设置margin和padding试试
相似回答
