首先情况是这样的(如下图)
![](https://i-blog.csdnimg.cn/blog_migrate/e5f654d510c04cb0753b4eb95dd753d6.jpeg)
我们最终想要的效果应该是 既要平均分布,又要最后一排依次从左向右排列
第一种解决方式:外层容器给弹性盒子布局 且给外层盒子一个after伪类元素
.wrap{
width: 200px;
height: 200px;
display: flex;
// 使其换行展示
flex-wrap:
我们最终想要的效果应该是 既要平均分布,又要最后一排依次从左向右排列
.wrap{
width: 200px;
height: 200px;
display: flex;
// 使其换行展示
flex-wrap: