CSS塊狀元素的瀑布流

最近遇到一個CSS的排版問題，在一個父元素下的多個子元素瀑布流排版 正常情況下每個子元素大小相同的情況下排版如下，這個沒有太大的問題 如果每個子元素的寬度相同，而高度不相同，就會出現空白，如下 想要的效果是子元素之間的空白保持一致，因爲1號元素的高度遠小於4號元素，所以下一行的子元素5號位置會定在相對於4號元素的高度的位置，儘管1號元素留下了很多的空白 要達到填補空隙的效果，只需要在元素的樣式中加

>>阅读原文<<