一、多列布局

為了能在Web頁(yè)面中方便實(shí)現(xiàn)類似報(bào)紙、雜志那種多列排版的布局，W3C特意給CSS3增加了一個(gè)多列布局模塊（CSS Multi Column Layout Module）。它主要應(yīng)用在文本的多列布局方面。

1） columns

語(yǔ)法：

columns：<column-width> || <column-count>

多列布局columns屬性參數(shù)主要就兩個(gè)屬性參數(shù)：列寬和列數(shù)。

舉例：要顯示2欄顯示，每欄寬度為200px，代碼為：

columns: 200px 2;

大部分主流瀏覽器都支持，但需要添加各個(gè)瀏覽器的私有前綴，如：-moz、-mebkit、-ms、-o 等。

 

2）column-width

column-width的使用和CSS中的width屬性一樣，不過(guò)不同的是，column-width屬性在定義元素列寬的時(shí)候，既可以單獨(dú)使用，也可以和