css - 如何使这个布局在 CSS 中更具响应性？

Question

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

我正在考虑“获取计算样式”来计算高度，然后更改列的顺序，但我认为这太过分了。有什么简单的策略可以让这个 CSS 布局更加对齐吗？

谢谢

Answer 1

看看 jQuery masonry 插件。它完全符合您的要求。

Answer 2

您可以使用inline-block它们将它们打包成等高的行。

您可以提供偶数元素float:left和奇数元素，float:right以减少糟糕的包装。