實(shí)例
將 div 元素中的文本分為三列：
div
{
-moz-column-count:3;
-webkit-column-count:3;
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ù)。
| 默認(rèn)值： |
auto |
| 繼承性： |
no |
| 版本： |
CSS3 |
| JavaScript 語(yǔ)法： |
object.style.columnCount=3 |
語(yǔ)法
column-count: number|auto;
| 值 |
描述 |
測(cè)試 |
| number
|
元素內(nèi)容將被劃分的最佳列數(shù)。 |
測(cè)試
|
| auto |
由其他屬性決定列數(shù)，比如 "column-width"。 |
測(cè)試
|
