如何并排排列多个div,另一个排在另一个之下

Mto*_*tok 3 css

这就是我想要做的;

Pinterest的

假设我有10个或更多矩形div.我想把它们中的5个并排放在一起,其他5个放在其他的下面.我的问题是;

我该如何命名div?如果每个div的类名更改或者ID更改或我应该给出;

float:left
Run Code Online (Sandbox Code Playgroud)

属性为所有div,让它们并排排列.所以当没有水平位置时,其他五个将放在它们下面.

我的意思是这10个div(或更多)的结构应该如何?

Ada*_*own 8

您可能会发现Wookmark JQuery插件很有用.它像砌体但我觉得它更容易.将所有图像放在div中,在其中引用它<script></script>,它基本上会产生与Pininterest相同的效果.

  • 有人建议添加[Masonry](http://masonry.desandro.com)作为答案.我建议你编辑你的答案并添加链接到砌体:) (2认同)