CSS布局

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(:nth-child(3n)){
  margin-right: 30rpx;
}