画页面上,会经常用到flex布局,也特别的好用。尤其在在数量恰好时,但是后台返回的数据量是不确定的时候,就要考虑到所用的布局方法对不对了,两种方法可以很好避免数量不够时问题
1.重点在于最下margin两行的代码,可以理解为 一行分为四个模块,除了四得倍数之外,都有margin-right的值,模块为24%宽
display: flex;
flex-wrap: wrap;
// justify-content: space-between;
margin-bottom: 100px;
.kcItem:not(:nth-child(4n)) {
margin-right: calc(4% / 3);
}
2.直接用justify-content: flex-start; 左边开始按顺序排序,