CSS grid-gap 属性
定义和用法
grid-gap 属性定义网格布局中行与列之间间隙的尺寸，它是以下属性的简写属性：
| 默认值: | 0 0 |
|---|---|
| 继承性: | no |
| 支持动画: | yes. 阅读有关动画的信息 测试一下 |
| 版本: | CSS Grid Layout Module Level 1 |
| JavaScript 语法: | object.style.gridGap="50px 100px" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| grid-gap | 57 | 16 | 52 | 10 | 44 |
语法
grid-gap: grid-row-gap grid-column-gap;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| grid-row-gap | 设置网格布局中行间隙的尺寸。默认值为 0。 | |
| grid-column-gap | 设置列间隙的尺寸。默认值为 0。 | 亲自试一试 » |
更多实例
相关页面
CSS 教程: CSS 网格布局
CSS 参考手册: grip-row-gap 属性
CSS 参考手册: grip-column-gap property
