(1)、CSS3 多列屬性

(2)、建立多列

column-count屬性指定了需要分割的列數。

以下例項將 <div> 元素中的文字分為 3 列：

div {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

(3)、建立列與列間的間隙

column-gap屬性指定了列與列間的間隙。

以下例項指定了列與列間的間隙為 40 畫素：

div {
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera 
 
*/
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

(4)、列邊框

column-rule-style屬性指定了列與列間的邊框樣式：

div {