css怎样设置ul的li 居中均匀排列
我弄菜单栏的时候把ul设置成960px、横向排列，但所有的li都缩在一起，没有在960px之间均匀分开，求高手帮忙解决！（不要设置li的宽度的那种）<ul><li>Hom...
我弄菜单栏的时候把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浏览差别太大 展开
<ul >
<li>Home</li>
<li>About Us</li>
<li>Department</li>
<li>Declaration></li>
<li>Services</li>
<li>Apply Link</li>
</ul>
设置margin的话在IE6浏览差别太大 展开
5个回答
展开全部
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
IE6的margin的bug最好解决了，在浮动后有magin的div里写一句display:inline就可以解决
如果想少出现兼容问题可以使用padding
如果想少出现兼容问题可以使用padding
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
有几种方法，一，设置最小宽度，二，设置PADDING和MARGIN属性，三，设置宽度成%比。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你适当的设置margin和padding试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
