column-count

實例

把div元素中的文本劃分成三列：

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

運行代碼 ?
在此頁底部有更多的例子。

表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個瀏覽器版本號。

屬性
column-count	50.0 4.0?-webkit-	10.0	2.0?-moz-	9.0 3.1?-webkit-	37.0 15.0?-webkit 11.1

column-count屬性指定某個元素應(yīng)分為的列數(shù)。

column-count: number|auto;

值	說明
number	列的最佳數(shù)目將其中的元素的內(nèi)容無法流出
auto	列數(shù)將取決于其他屬性，例如："column-width"

Column-gap
在div元素的文本分成三列，并指定一個30像素的列之間的差距。

Column-rule
指定列之間的規(guī)則：寬度，樣式和顏色。