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; }

标记：强>

修改强>

关于你上一篇文章的编辑，如果你不知道提前的数字，你将无法通过纯CSS解决方案实现这一点，你可能需要一些JavaScript来重新计算宽度每个div基于div的总数。