CSS row-gap 属性

指定网格行之间的间隔为 50 像素:

div {
  display: grid;
  row-gap: 50px;
}

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性ChromeIE/EdgeFirefoxSafariOpera
row-gap (网格中)66166112.153
row-gap (弹性盒子中)848463Not supported70

属性定义及使用说明

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