一、多列布局

為了能在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屬性在定義元素列寬的時候,既可以單獨使用,也可以和

網(wǎng)友評論