CSS 參考手冊(cè)

CSS @規(guī)則(RULES)

column-span CSS屬性指定一個(gè)元素在多列布局中跨越的列數(shù)。跨越多個(gè)列的元素稱為跨越元素。

下表為此屬性的用法說明和版本歷史記錄，以及該屬性在javascript腳本中的使用語法。

默認(rèn)值：	none
適用于：	塊級(jí)元素，浮動(dòng) ?和? 絕對(duì)定位的元素除外
繼承：	沒有
可動(dòng)畫制作：	否。請(qǐng)參見動(dòng)畫屬性。
版本：	CSS3的新功能
JavaScript語法：	object.style.columnSpan="all"

該屬性的語法如下：

column-span: none | all | initial | inherit

下面的示例演示了如何使用column-span屬性。

示例

h1 {
    -webkit-column-span: all; /* Chrome, Safari, Opera */
            column-span: all; 
}

下表描述了此屬性的值。

值	描述
none	元素不跨越多列。這是默認(rèn)值。
all	元素跨越頁面上的所有列。元素之前聲明的所有內(nèi)容都顯示在元素之前。
initial	將此屬性設(shè)置為其默認(rèn)值。
inherit	如果指定，則關(guān)聯(lián)元素采用其父元素column-span的屬性值。

column-span屬性瀏覽器的兼容性，下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號(hào)；所有主流瀏覽器均支持該屬性。

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-，15+ ^-webkit-

請(qǐng)參考以下教程：CSS3多列布局。