一、多列布局
為了能在Web頁面中方便實現(xiàn)類似報紙、雜志那種多列排版的布局,W3C特意給CSS3增加了一個多列布局模塊(CSS Multi Column Layout Module)。它主要應用在文本的多列布局方面。
1) columns
語法:
columns:<column-width> || <column-count>
多列布局columns屬性參數(shù)主要就兩個屬性參數(shù):列寬和列數(shù)。
舉例:要顯示2欄顯示,每欄寬度為200px,代碼為:
columns: 200px 2;
大部分主流瀏覽器都支持,但需要添加各個瀏覽器的私有前綴,如:-moz、-mebkit、-ms、-o 等。
2)column-width
column-width的使用和CSS中的width屬性一樣,不過不同的是,column-width屬性在定義元素列寬的時候,既可以單獨使用,也可以和