CSS使div显得＆＃34;收集＆＃34;

Question

我有未定义（php确定多少）div在另一个div中出现的数量。我想要的是，看起来他们以某种方式收集的div。我不知道要解释的正确词语，所以我做了一点照片蒙太奇：

我有什么：

我想要的是什么：

我怎样才能达到这个效果。我是否需要任何其他库或框架或类似的东西？

Answer 1

我认为您希望使用float CSS属性。因此，请在.post CSS类中添加以下内容：

float: left;

Answer 2

看起来你想要一个'砖石'风格的布局，请查看David DeSandro的同位素插件。特别是砖石布局风格。 http://isotope.metafizzy.co

Answer 3

.post {
  vertical-align: top;
  display: inline-block;
}

删除中心对齐，否则块都居中。

.siteContainer {
  text-align: center;
 }