2023-11-17 c3布局最佳属性——gap==》设置元素之间的空格

发布时间 2023-11-17 17:39:11作者: 哎呦你可棒棒了

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属性并没有被大多数浏览器支持,所以在业务中使用该属性时会遇到兼用性问题。