CSS کولمن گپ اپریشن

定義和用法

column-gap 屬性規定列之間的間隔。

註釋:如果列之間設置了 کولم رول,它會在間隔中間顯示。

另請參考:

CSS3 教程:CSS3 کولم

HTML DOM 參考手冊:columnGap 屬性

範例

規定列間的間隔為 40 像素:

div {
  column-gap: 40px;
}

親自試試

頁面底部有更多範例。

CSS 語法

column-gap: length|normal;

屬性值

描述 測試
length 把列間的間隔設置為指定的長度。 測試
normal 規定列間間隔為一個常規的間隔。W3C 建議的值是 1em。 測試

技術細節

默認值: normal
繼承性: no
版本: CSS3
JavaScript 語法: object.style.columnGap="40px"

更多範例

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

瀏覽器支持

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

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

屬性 چروم آئی ای / ایج فائرفاکس سافری اوپرا
在多列中 50 10 52 10 37
在網格中 66 16 61 12 53
在彈性框中 84 84 63 14.1 70