CSS 网格布局模块
2024-07-06网格间隙（Grid Gaps）
每列/行之间的间隔称为间隙。
您可以通过使用以下属性之一来调整间隙大小：
grid-column-gap
grid-row-gap
grid-gap
实例
grid-column-gap 属性设置列之间的间隙：
.grid-container {
display: grid;
grid-column-gap: 50px;
}
亲自试一试
实例
grid-row-gap 属性设置行之间的间隙：
.grid-container {
display: grid;
grid-row-gap: 50px;
}
亲自试一试
实例
grid-gap 属性是 grid-row-gap 和 grid-column-gap 属性的简写属性：
.grid-container {
display: grid;
grid-gap: 50px 100px;
}
亲自试一试
实例
grid-gap 属性还可用于将行间隙和列间隙设置为一个值：
.grid-container {
display: grid;
grid-gap: 50px;
}
亲自试一试