美文网首页
Grid布局自定义数量

Grid布局自定义数量

作者: 春木橙云 | 来源:发表于2023-01-29 16:47 被阅读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!

    相关文章

      网友评论

          本文标题:Grid布局自定义数量

          本文链接:https://www.haomeiwen.com/subject/bjsphdtx.html