介绍

使用弹性盒布局，当最后一行不是整行时，justify-content: space-between;布局不是我们想要的结果。

代码演示

处理前

1

2

3

4

5

处理后

1

2

3

4

5

解决办法

TIP

在卡片的父节点，增加一个伪元素:after，该方法只针对使用弹性布局，且使用space-bewteen布局方式生效

关键代码

.container::after{
    width: 30%;
    content: '';
}