如何使這個佈局在CSS中更響應？

Question

理想情況下，我想有一個更直觀的方式排列的div，看到小提琴：http://jsfiddle.net/stefek99/jZB2q/

我在想「得到計算樣式」來計算的高度，然後更改列的順序，但我認爲這太過分了。是否有任何簡單的策略使CSS佈局更加一致？

感謝

Answer 1

看看jQuery的masonry plugin。它完全符合你的要求。

Answer 2

您可以使用inline-block讓它們以相同的高度排成行。

你甚至可以給元素float:left和奇數float:right以減少可怕的包裝。