flex布局数据不够时，左对齐
发布于2021-03-07 22:41 阅读(1549) 评论(0) 点赞(21) 收藏(5)
画页面上，会经常用到flex布局，也特别的好用。尤其在在数量恰好时，但是后台返回的数据量是不确定的时候，就要考虑到所用的布局方法对不对了，两种方法可以很好避免数量不够时问题
1.重点在于最下main两行的代码，可以理解为 一行分为四个模块，除了四得倍数之外，都有margin-left的值模块为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; 左边开始按顺序排序，
原文链接:https://blog.csdn.net/m0_49578914/article/details/114382849
所属网站分类: 技术文章 > 博客
作者：代码搬运工
链接：http://www.qianduanheidong.com/blog/article/33572/1e4903919d4b43a0c0c8/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力