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>
平均分布，也跟margin没什么关系啊，它只是一个外边距而已。
你说的平均匀分布，不知道是不是，容器里几个宽度平均分？
如果是你可以用box-flex来实现。
<style>div
{
display:-moz-box /* Firefox */
display:-webkit-box /* Safari and Chrome */
display:box
width:300px
border:1px solid black
}
p
{
-moz-box-flex:1.0 /* Firefox */
-webkit-box-flex:1.0 /* Safari and Chrome */
box-flex:1.0
border:1px solid red
}
</style>
</head>
<body>
<div>
<p>Hello</p>
<p>你好</p>
</div>
box-flex：元素的可伸缩行。柔性是相对的，例如 box-flex 为 2 的子元素两倍于 box-flex 为 1 的子元素。
