CSS column-span 屬性

定義和用法

column-span 屬性規定元素應橫跨多少列。

另請參閱：

CSS3 教程：CSS3 多列

HTML DOM 參考手冊：columnSpan 屬性

實例

使 h2 元素橫跨所有列：

h2
{
column-span:all;
}

親自試一試

頁面底部有更多實例。

CSS 語法

column-span: 1|all;

屬性值

值 描述 測試
1 元素應橫跨一列。 測試
all 元素應橫跨所有列。 測試

技術細節

默認值： 1
繼承性： no
版本： CSS3
JavaScript 語法： object.style.columnSpan="all"

更多實例

Column-count
把 div 元素中的文本劃分為三列。
Column-gap
將 div 元素中的文本分為三列，并列間 30 像素的間隔。
Column-rule
規定列之間的寬度、樣式和顏色。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

帶 -webkit- 或 -moz- 的數字表示使用前綴的首個版本。

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 71.0 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1