2022-10-10 |

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

0

TypeScript
javascript
jQuery
css教程
CSS3
HTML
php
java
c语言
C++

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论