無包裝DIV + CSS對準的排

enter image description here

，這就是我想要的：

enter image description here

我有一個div容器周圍所有的小divs和較小的divs向左漂移。我如何讓它們像底部圖像一樣排成完美的行？這很容易，但是我不想爲每一行使用一個容器div，因爲我希望每行圖像的數量是流暢的（容器寬度是可變的）。這甚至可能沒有JS黑客？

你可以請發一些你的HTML和CSS的片段嗎？ –

你可以改變float：left來顯示：inline-block。這將把圖像放在行中，就像文本佈局一樣，這聽起來像你想做的事情。

2011-08-01 16:39:20 chrisdowney

是的，這是有效的，我不知道有一種方法可以在IE7中的DIV上獲得內聯塊：http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling / –

我發佈這個有一些擔心，因爲我不知道你有什麼資格作爲一個JavaScript hack ...有一個插件，這將很好地工作，Masonry JS。但是如果你認爲插件是黑客，那麼我會建議將display:inline-block;應用到你想要的元素並刪除float:left;屬性。

2011-08-01 16:42:50

回答