解决flex布局中使用 justify-content: space-between; 出现的bug

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

就会出现下面这样的bug

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

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


正常图

你可能感兴趣的:(解决flex布局中使用 justify-content: space-between; 出现的bug)