flex多行布局情况下均匀显示最后一行靠左显示的问题解决方案

问题：最后一行若不满的话无法正常显示

flex-wrap: wrap;

justify-content: space-between;

我们想实现的实际效果应该如下：

 

解决方案1：多写一个div 撑开大小

<div class="body__content__bd__items" style="height:0; border:none;"></div>

保证height: 0以及没有边框即可

 

解决方案2：每个子元素设置margin-right值，严格计算好尺寸

 

解决方案3：用伪元素after在容器后面添加内容

&:after{

content:' ';

width:290px; //这个宽度和子元素宽度一致

height:0;

display:block;

}