第一种：百分比。使用均分的百分比宽度。
第二种：css3弹性布局。父级给定宽度display:flexflex-direction:row子元素全部设置flex:1；
平均分布，也跟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 的子元素。
