使用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!
定义display:grid或inline-grid开启子元素的Grid布局。 不同于flex布局，grid布局是...
一、grid布局概述 grid布局与flex布局对比 grid布局可以为网页提供更强大的布局功能，它与flex布局...
参考资料 CSS Grid 布局完全指南(图解 Grid 详细教程) CSS Grid 系列(上)-Grid布局完...
六、栅格布局方式Grid 众人云，Grid布局是CSS中最强的布局方式。Grid 布局与 Flex 布局有一定的相...
Grid布局 css的布局方式主要有三种：float&position布局、flex布局、grid布局。 floa...
张鑫旭-写给自己看的display: grid布局教程阮一峰-CSS Grid 网格布局教程 在Grid布局中，f...
Grid网格布局 Grid布局是一个二维的布局方法，纵横两个方向总是同时存在。 作用在grid容器上作用在grid...
div的水平垂直居中 flex布局，使用display: flex实现水平垂直居中 grid布局 使用grid布局...
Grid网格布局学习 引言 本文不对grid布局由来以及优劣做过多的介绍，仅介绍grid网格布局的用法及其效果显示...
后续补充:flex 布局 Grid 布局
本文标题：Grid布局自定义数量
本文链接：https://www.haomeiwen.com/subject/bjsphdtx.html
网友评论