设置列之间的网格间距为 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 属性