CSS 高级 Div 定位。自动排列到网格

Question

我有一个要显示的动态图片库，使用 PHP...

我的概率

样式和定位应该是，如果没有足够的空间容纳整个 div，如上图，则行中的 DIV 应如下定位它们

居中等距...

here is JS-Fiddle基本模板集，如果有人想在 jsFiddle 上尝试一些东西

Answer 1

如果你想只用 CSS 实现这个，代码应该是这样的:

#div {
  clear:both;
  width:500px
}
.img {
   display:block;
   width:150px;
   height: 50px;
   float:left;
}

据我所知，就是这样...... 祝你好运!