如何在CSS中使这种布局更具响应性？

Question

理想情况下，我希望以更直观的方式对齐div，请看小提琴：http://jsfiddle.net/stefek99/jZB2q/

我正在考虑“获取计算机样式”来计算高度然后改变列的顺序，但我认为它有点过分。是否有任何简单的策略可以使CSS布局更加一致？

谢谢

Answer 1

看一下jQuery masonry plugin。它完全符合您的要求。

Answer 2

您可以使用inline-block将它们装入相同高度的行中。

你可以给偶数元素float:left和奇数元素float:right提供不太可怕的包装。