CSS3创建多列

 

    column-count属性指定了需要分割的列数。

 

    以下实例将<div>元素中的文本分为3列：

 

    实例

 

div {

 

    -webkit-column-count: 3; /* Chrome, Safari, Opera */

 

    -moz-column-count: 3; /* Firefox */

 

    column-count: 3;

 

}

 

    CSS3多列中列与列间的间隙

 

    column-gap属性指定了列与列间的间隙。

 

    以下实例指定了列与列间的间隙为40像素：

 

    实例

 

div {

 

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */

 

    -moz-column-gap: 40px; /* Firefox */

 

    column-gap: 40px;

 

}