美文网首页
解决flex布局中使用 justify-content:

解决flex布局中使用 justify-content:

作者: Neral | 来源:发表于2019-03-12 16:40 被阅读0次

当我们使用flex布局时,会使用到平分间距 justify-content: space-between;

就会出现下面这样的bug

最后一排如果不满三个div,就会这样

这个时候,只需要在父级元素使用一个伪类就能解决 :after{content:'',flex:1;}

正常图

相关文章

网友评论

      本文标题:解决flex布局中使用 justify-content:

      本文链接:https://www.haomeiwen.com/subject/dhunpqtx.html