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

flex给我们的布局带来了很大的方便 ，但有时候也会碰到一些问题，比如space-between最后一行元素的排列问题

问题：假如我们有8个元素

    
1
    
2
    
3
    
4
    
5
    
6
    
7
    
8

效果图：

Bug图

最后一行的布局问题出现了，由于space-between就是两端布局，当最后一行不满三个的时候，就会出现这样的情况

解决方案：使用after伪元素来解决该布局bug

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

效果图：

正确图