所以我有「塊」,我想左浮動的X量。像這樣:浮動高度可變的容器
ABCD
EFGH
但是,如果B是兩倍長其餘的,例如,將有一個& E的空白,C & G,d & H.
我怎樣才能避免這種情況,只是有所有容器漂到左邊,然後很好地適應不EXCE ss之間的白色空間?
所以我有「塊」,我想左浮動的X量。像這樣:浮動高度可變的容器
ABCD
EFGH
但是,如果B是兩倍長其餘的,例如,將有一個& E的空白,C & G,d & H.
我怎樣才能避免這種情況,只是有所有容器漂到左邊,然後很好地適應不EXCE ss之間的白色空間?
在一般情況下,CSS無法處理這個問題。
如果有列一個固定數量,你可以欺騙和做到這一點:http://jsfiddle.net/suaaK/11/
否則:
看到這個答案的候選技術進行比較,顯示出他們不工作:
如果你願意使用JavaScript,你應該我們e jQuery Masonry。
演示:
設置你的CSS成垂直列與水平線。粉碎雜誌有一個關於花車和他們的怪癖偉大的一塊,去看看:http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/
看看這個:http://masonry.desandro.com/?resources/jquery-masonry這不完全是你問,但你可能會從中得到一些好的想法。 – 2011-06-16 21:04:28