指定网格行之间的间隔为 50 像素:
div {
display: grid;
row-gap: 50px;
}
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
属性 | Chrome | IE/Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
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 |