使用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!
使用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
网友评论