css自动均匀分布,如何在CSS中均匀分布？

我会建议使用grid 960系统或类似的东西。网格960使用12列网格行布局，均匀分布即时div。这非常灵活，您可以使用多种不同的组合。它实现了你所追求的。希望这有助于。

CSS：

.container_12{width:98%;margin-left:1%;margin-right:1%;}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin-left:1%;margin-right:1%;}

.container_12 .grid_1{width:6.333%;}

.container_12 .grid_2{width:14.667%;}

.container_12 .grid_3{width:23%;}

.container_12 .grid_4{width:31.333%;}

.container_12 .grid_5{width:39.667%;}

.container_12 .grid_6{width:48%;}

.container_12 .grid_7{width:56.333%;}

.container_12 .grid_8{width:64.667%;}

.container_12 .grid_9{width:73%;}

.container_12 .grid_10{width:81.333%;}

.container_12 .grid_11{width:89.667%;}

.container_12 .grid_12{width:100%!important;margin-left:0!important;margin-right:0!important; }

标记：

编辑

关于你的最后一个职位的编辑，如果你不知道的数字位数领先时间你不能实现这个w如果使用纯粹的CSS解决方案，您可能需要一些JavaScript来根据div的总数重新计算每个div的宽度。