閱讀(27.4k) 書(shū)簽贊(1) 我要糾錯(cuò)

CSS3 column-count 屬性

2022-06-02 15:26 更新

實(shí)例

將 div 元素中的文本分為三列：

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

頁(yè)面底部有更多實(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

Internet Explorer 10 和 Opera 支持 column-count 屬性。

Firefox 支持替代的 -moz-column-count 屬性。

Safari 和 Chrome 支持替代的 -webkit-column-count 屬性。

注釋?zhuān)篒nternet Explorer 9 以及更早版本的瀏覽器不支持 column-count 屬性。

column-count 屬性規(guī)定元素應(yīng)該被劃分的列數(shù)。

column-count: number|auto;

值	描述	測(cè)試
number	元素內(nèi)容將被劃分的最佳列數(shù)。	測(cè)試
auto	由其他屬性決定列數(shù)，比如 "column-width"。	測(cè)試