如何解决flex布局中 justify-content: space-between方法的排版问题

在使用flex布局中常常使用

display:flex ;
justify-content: space-between ;
flex-wrap: wrap;

来实现平均布局,但一旦最后一行不满一行的情况就会得到我们不想要的场景:

space-between

可以通过使用after伪元素来解决该布局bug

ul:after{
    content: '';
    width: 90px;
 }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容