CSS3多列樣式column佈局內容被截斷

今天做了一個瀑布流的效果，發現使用css3的列布局處理這個問題簡直是完美啊！ 但是在做的過程中還是出現了一個問題，就是在底部出現內容被截斷，然後剩餘的部分出現在下一列的頭部的位置，就像這種 去百度了一下，發現，原來在CSS3規範裏，各列的高度是均衡的。瀏覽器會自動調整每列會填充多少文本，然後讓整個佈局的高度保持均衡一致。而我們在做這種瀑布流的類似佈局的時候，往往只需要設置每個容器的寬度，然後高度通

>>阅读原文<<