如何均匀地水平分布元素？

如何均匀地水平分布元素？

试试这个：

<div >  <div>A</div><div>B</div><div>C</div></div>.container > div {    display: inline-block;    display: -moz-inline-box;    *display: inline;     zoom: 1;     width: 33%;    text-align: center;}

由于您正在处理内联代码块，因此标记之间不能有空格（难看，但可以），否则该空间将可见。

编辑1： 这里是关于inline-block的问题的一些详细信息。您可能还需要添加

display: -moz-inline-box;

。

编辑2： 同样，33％* 3并非100％。如果您确实想要100％并且不介意

div

s 之间有一些空间，则可以执行以下 *** 作：

.container > div {    display: inline-block;    display: -moz-inline-box;    *display: inline;     zoom: 1;     margin-left: 2%;    width: 32%;    text-align: center;}.container > div:first-child {    margin-left: 0;}