設定列之間的網格間距為 50px：
.grid-container {
display: grid;
grid-column-gap: 50px;
}
表格中的數字表示支援該屬性的第一個浏覽器版本号。
屬性
grid-column-gap
57
16
52
10
44
grid-column-gap 屬性定義了列之間的網格間距。
注意: 該屬性在 CSS3 中重命名為 <code>column-gap</code> 。
預設值:
繼承:
no
動畫:
支援。 閱讀關于 animatable
版本:
CSS 網格布局子產品 Level 1
JavaScript 文法:
object.style.gridColumnGap="50px"
值
描述
length
長度值，可以是 px 為機關的數值或百分比 %。 0 是預設值。 了解更多長度機關。
CSS 教程: CSS 網格布局
CSS 參考手冊: grid-gap 屬性
CSS 參考手冊: grid-row-gap 屬性