CSS——多列

定義

多列(Multi Columns)屬性是一些與文本的多列排版相關的CSS屬性。

多列屬性可以將文本設計成像報紙雜誌那種多列排版的布局，類似於Microsoft Word中的段落分欄功能。

多列屬性主要應用於文本的容器元素上，包括列數(column-count屬性)、統一的列寬(column-with屬性)和統一的列間距(cloumn-gap屬性)等。

並不能分別指定各列的寬度，因此結果是內容能且只能均勻分散到多列。

元素	描述
column-count	column-count 屬性用來描述元素應該被劃分的列數。
column-fill	column-fill 屬性用來規定如何填充列(是否進行填充)。
column-gap	column-gap 屬性用來規定元素列間距的大小。
column-rule	column-rule 屬性用來規定列間分隔線的寬度，樣式及顏色。
column-rule-color	column-rule-color 屬性用來規定列間分隔線的顏色規則。
column-rule-style	column-rule-style 屬性用來規定列間分隔線的樣式規則。
column-rule-width	column-rule-width 屬性用來規定列間分隔線的寬度。
column-span	column-span 屬性用來規定元素應當橫跨多少列。
column-width	column-width 屬性用來規定列的寬度。
columns	columns 屬性是一個簡寫的屬性，允許同時規定 column-width 和 column-count 屬性。

多列屬性全部是CSS3新增加的。