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

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。