flex中justify-content: space-between；布局中遇到的bug

flex中space-between布局遇到的bug

我们都知道flex布局的方便，但是在用flex布局的时候，我们还经常遇到一个问题，就是在用space-between两边对齐的时候，会出现下面图片这个中问题

而我们想要的想过是这种的

解决方法：就是在后面添加after伪元素，以下这个就是我的解决方法

/我这里用&是因为用的SCSS，在SCSS中用伪元素要在前面加&/

&::after{
       content:'';
       width: 30%;
     }