CSS grid-gap 属性

设置行间距和列为 50px：

.grid-container {
grid-gap: 50px;
}

定义和用法

这个grid-gap属性定义行之间间隙的大小和网格布局中的列，是以下属性的简写属性：

笔记：该属性已更名为 gap在 CSS3 中。

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
grid-gap	57	16	52	10	44

grid-gap: grid-row-gap grid-column-gap;

Value	Description	Demo
grid-row-gap	Sets the size of the gap between the rows in a grid layout. 0 is the default value	Demo ❯
grid-column-gap	Sets the size of the gap between the columns in a grid layout. 0 is the default value	Demo ❯