1. 盒子外面左右相等间距,盒子内部元素之间间距固定,元素宽度自适应
.doc-grade-box{ /* width: 100%; */ padding: 40rpx 30rpx 0; display: flex; flex-direction: row;// 水平方向 flex-wrap: wrap;// 折行 } .doc-grade-item{ height: 80rpx; border-radius: 10rpx; flex: 1;// 均分剩余空间 min-width: 200rpx; } .doc-grade-item:not(:first-child){ margin-left: 30rpx; }
原文:https://www.cnblogs.com/Neilisme/p/12334888.html