CSS使用一个类向左填充块

Question

这可能是一个非常基本的问题，但我无法解决这个问题。 我想让所有的div都向左倾斜，直到达到主div的高度并进入下一行。

使用float：left，我得到左边的结果（如下图所示）

如何使用将应用于每个div元素的一个通用css类在右侧实现结果？

Answer 1

看起来你正在尝试做类似砌体的事情。有几种方法可以做到这一点。如果您要获得动态数据，我建议您使用css列。这里有一个选项：http://css-tricks.com/seamless-responsive-photo-grid/

这里也有一个类似的问题，有一个很好的回答：How to Create Grid/Tile View with CSS?

如果您没有动态数据，并且它们都是静态的，那么最好对您的行进行绝对定位，并根据需要进行偏移。这是一个简单的例子：

   <a href="http://jsfiddle.net/PhantomDude95/j9GbG/"> http://jsfiddle.net/PhantomDude95/j9GbG/ </a>