動態浮頂位置

Question

可能重複：
Any ideas on how I could implement a grid-view in CSS? - CSS

我有一個動態的數量的div的所有浮動左邊的例子：

alt text http://img266.imageshack.us/img266/7717/qaatest1.jpg

..但希望新行能夠隱藏起來在我的例子所需的輸出：

alt text http://img714.imageshack.us/img714/1527/qaatest2.jpg

我知道使用列可能是最好的一段路要走，但我具有到底如何去麻煩。一個CSS解決方案會很棒。

我知道當我出發時會有多少盒子。有什麼想法嗎？

謝謝。

Answer 1

這個jQuery插件可能會有所幫助： http://desandro.com/resources/jquery-masonry/

編輯：我不認爲一個純CSS的解決方案更有效。您可能知道列的數量，但不知道沒有javascript欺騙的列的大小。我推薦上面的插件。