目录

CSS grid-row-gap 属性


示例

将行间距设置为 50px:

.grid-container {
  grid-row-gap: 50px;
}
亲自试一试 »

定义和用法

这个grid-row-gap属性定义网格布局中行之间间隙的大小。

笔记:该属性已更名为row-gap在 CSS3 中。

展示演示❯

默认值: 0
遗传:
可动画: 是的。阅读可动画的尝试一下
版本: CSS 网格布局模块级别 1
JavaScript 语法: 对象.style.gridRowGap="50px"尝试一下

浏览器支持

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

Property
grid-row-gap 57 16 52 10 44


CSS 语法

grid-row-gap: length;

属性值

Value Description Demo
length Any legal length value, like px or %. 0 is the default value Demo ❯

相关页面

CSS教程:CSS 网格布局

CSS 参考:网格间隙属性

CSS 参考:网格列间隙属性