CSS多列

通過 CSS3，您能夠創建多個列來對文本進行佈局 - 就像報紙那樣！
多列屬性：
column-count
column-gap
column-rule

設置多列只需要將實際需要分列的文本放在div中就可以自動多列布局。

CSS3 創建多列

column-count 屬性規定元素應該被分隔的列數

CSS3 規定列之間的間隔

column-gap 屬性規定列之間的間隔

CSS3 列規則

column-rule 屬性設置列之間的寬度、樣式和顏色規則。

div {
            -moz-column-rule:3px outset #ff0000;    
            -webkit-column-rule:3px outset #ff0000; 
            column-rule:3px outset #ff0000;
        }

column-span 屬性

column-span：1|all
1：元素應橫跨一列
all：元素應橫跨所有列

column-fill 屬性

auto：列高度自適應內容
balance：所有列的高度以其中最高的一列統一