CSS row-gap 属性
实例代码
指定网格行之间的间隔为 50 像素：
div {
display: grid;
row-gap: 50px;
}
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
| 属性 | |||||
|---|---|---|---|---|---|
| row-gap (网格中) | 66 | 16 | 61 | 12.1 | 53 |
| row-gap (弹性盒子中) | 84 | 84 | 63 | Not supported | 70 |
属性定义及使用说明
row-gap 的属性指定的行之间的间隙大小。
注意： CSS 网格布局起初是用 grid-row-gap 属性来定义的，目前逐渐被 row-gap 替代。。
| 默认值: | normal |
|---|---|
| 继承: | no |
| 版本: | CSS3 |
| JavaScript 语法: | object.style.rowGap ="40px" |
语法
row-gap: length|normal|initial|inherit;
| 值 | 描述 |
|---|---|
| length | 一个指定的长度，将设置行之间的差距 |
| normal | 默认值。 指定行之间的正常间隙 |
| initial | 将此属性设置为其默认值。 阅读关于 initial |
| inherit | 从其父元素继承此属性。 阅读关于 inherit |
相关文章
CSS 教程: CSS 网格布局
CSS 参考手册: gap 属性
CSS 参考手册: column-gap 属性