flex布局时justify-content:space-around最后一个不对齐的解决方法（css）
2022-07-12CSS
flex布局中如果使用justify-content:space-around对其，假如出现多个，会导致最后一个不对齐，下面通过简单伪类给大家分享一个解决的方法。
当使用flex弹性布局时，设置属性justify-content:space-around变成以下效果，但是我希望最后一行也是左对齐的。
解决方法：
在设置justify-content:space-around的父节点加上after伪类
css样式：
.fangan{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.fangan:after{
content: '';
width: 30%;
border:1px solid transparent;
}
最后效果：
很赞哦！ ()
