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