在使用 flex 布局时，设置 justify-content: space-between，如果一行有三个 div，那最后一行如果不满三个元素，就会出现下面的情况，如何使最后一个 div 向左对齐呢。有两种方法：

方法一：

这种方法的缺点是，最后一个 div 左外边距是0。

div:after {
  content: "";
  flex: auto;
}

方法二：

创建几个空的 div，貌似这种方法最合适了

<div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item-empty"><!--空 DIV--></div>
 </div>