解決CSS3多列樣式column-width布局時內容被截斷、錯亂


一、問題

使用CSS3的column-width: auto | <length>屬性時,出現排列的內容被截斷,出現錯位的現象。

解決CSS3多列樣式column-width布局時內容被截斷、錯亂

二、原因

需要為圖片容器設置高度,不然會崩掉。

三、解決方法

給需要分列的容器加上height:100%;overflow: auto;

解決CSS3多列樣式column-width布局時內容被截斷、錯亂

解決CSS3多列樣式column-width布局時內容被截斷、錯亂


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM