css3的gap属性可以帮助你在
- 1、弹性布局(display:flex)
- 2、网格布局(display:grid)
- 3、多列布局(column-count或column-width)
中轻松设置元素之间的空格,而不用自己用margin或者padding逐个去设置;
该属性是row-gap and column-gap的简写形式,接收1~2个值:
gap: row-gap column-gap;
输入2个值表示可以在水平和垂直方向分别设置大小,输入1个值则表示水平和垂直方向上都是固定大小。
注意:gap属性并没有被大多数浏览器支持,所以在业务中使用该属性时会遇到兼用性问题。