Div水平垂直均匀分布

需求

容器宽度不固定，div宽度高度固定，间距固定并贴合容器的边。
重要一点，要跟设计稿的像素一样，不然计算好间距。

实现

简单几行代码

. container{
display: grid; / /网格布局
gap: 18px; //元素 之间间距18px
grid-temp late - co Lumns: repeat(auto-fill, 60px) ;
son{
width: 60px;
hei ght : 60px;
}

优点

不用考虑最后一个的右边距和最后一行的下边距。

缺点

注意兼容性

效果