很多div並排垂直對齊

我希望你能理解我。有一個寬度爲360px的包裝，它只允許3列div。我只想隨時隨地放入另一個div，然後所有以前的內容都會一起移動。我有一個問題，它看起來像divs去下一行，但他們對齊verticaly到從前一行最高的一個。請看下面的例子（由於代碼沒有顯示正確，我必須使用圖片）。最後一個綠色的應該從上面觸摸高大的紅色。我不尋找靜態定位它必須是自動的，所以當我將包裝寬度更改爲更大時，更多的div將自動包含在行中。很多div並排垂直對齊

enter image description here

下面是一個錯誤的結果的圖像。

enter image description here

來源

2013-04-25 Manny Calavera

你能張貼您的預計結果的圖像？ – Win 2013-04-25 18:10:21

爲了使這個工作正常，你不能使用'position：relative;或位置：靜態; float：left'如果這些元素是動態添加的，並且你希望它們緊貼在一起，那麼你可能不得不使用類似http://masonry.desandro.com/或寫一些自定義JS。 – 2013-04-25 18:13:35

c - misura：砌體腳本很漂亮！非常感謝你，這正是我想要的，有點遺憾css不能做到這一點，但JS做得非常好！再次感謝 – 2013-04-25 21:20:21

砌體劇本是我能得到我所需要的最接近，恥辱是JS ...

來源

2013-07-28 16:41:25

很多div並排垂直對齊

回答

相關問題