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

在使用flex布局中常常使用

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

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

space-between

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

ul:after{
    content: '';
    width: 90px;
 }

你可能感兴趣的:(如何解决flex布局中 justify-content: space-between方法的排版问题)