Grid布局自定义数量

2023-01-29  本文已影响0人  春木橙云

使用antd的Grid布局,一行展示的块数量,限制为24的整数倍,比如2、3、4、6、8、12。但是如果我想要一行展示5个,我该怎么办呢?

一般会想到宽度20%来解决,这有些low,今天发现新的写法,简单又实用。直接上代码:

     //css
    .father{
      display: grid;
      grid-template-columns: repeat(5, auto);
      grid-gap: 16px;
    }

THE END!

上一篇 下一篇

猜你喜欢

热点阅读