你瞅啥呢

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

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

posted @ 2023-11-17 17:31  叶乘风  阅读(119)  评论(0)    收藏  举报