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 属性