CSS圖像被子

Question

所以我會試着展示我如何理想地喜歡這樣看。我有每次都會有所不同的圖像，我希望它們顯示爲2行被子。這是一個醜陋的例子：

aaabbbbddddddddddhhhhhhhhh 
aaabbbbddddddddddhhhhhhhhh 
aaabbbbeeeeeggg hhhhhhhhh 
    bbbbeeeeeggg hhhhhhhhh 
ccccccccffffffffffggggiiiiii 
ccccccccffffffffffggggkkkk 
ccccccccffffffffff kkkk 

我不知道這是否合理，或者如果它是現實可實現的。爲了用更加類似於代碼的方式來解釋，我希望div不僅可以向左或向右浮動，而且如果有可用空間，也可以在填充旁邊之前向下浮動。我不能使用絕對定位，因爲不同的圖像將在不同的實例中使用相同的CSS/HTML/JavaScript。

Answer 1

有一個jQuery插件：jQuery Masonry。我不知道任何簡單的非jQuery解決方案來解決您的問題。