hooyantsing's Blog

P135_9_用栅格间距控制留白

字数统计: 97阅读时长: 1 min
2020/04/20

P135 9 用栅格间距控制留白

可以使用传统的margin/padding来调整间距。

3c9a85dcb135111a8e3b803718997a9f.png

row-gap

grid-row-gap

前者为新属性名,后者为旧属性名。

栅格行与行之间的间距。

1
row-gap: 10px;

column-gap

grid-column-gap

栅格列与列之间的间距。

1
column-gap: 10px;

gap

简写的方式

1
2
3
4
//行和列同值
gap: 10px;
//行值 列值
gap: 10px 20px;
CATALOG