CSS3 column-gap 屬性

實(shí)例

規(guī)定列間的間隔為 40 像素：

div
{
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari 和 Chrome */
column-gap:40px;
}

親自試一試

頁(yè)面底部有更多實(shí)例。

瀏覽器支持

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

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

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

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

定義和用法

column-gap 屬性規(guī)定列之間的間隔。

注釋?zhuān)喝绻兄g設(shè)置了 column-rule，它會(huì)在間隔中間顯示。

語(yǔ)法

column-gap: length|normal;

相關(guān)頁(yè)面

CSS3 教程：CSS3 多列