对FLEX布局 JUST-CONTENT:SPACE-BETWEEN，列表上下两排数量不一致的时候处理方法

解决完：

第一种：

占位来填充：你有几个就添加几个子类

<div class="content">
        <div  class="box"></div>
        <div  class="box"></div>
        <div  class="box"></div>
        <div  class="box"></div>
        <div  class="box"></div>
        <div  class="box"></div>
        <div  class="box"></div>
        
        <!-- 一行需要几个元素就写几个下面的标签 -->
        <div class="box" style="visibility: hidden;height: 0;margin: 0;"></div>
        <div class="box" style="visibility: hidden;height: 0;margin: 0;"></div>
        <div class="box" style="visibility: hidden;height: 0;margin: 0;"></div>
        <div class="box" style="visibility: hidden;height: 0;margin: 0;"></div>
        <div class="box" style="visibility: hidden;height: 0;margin: 0;"></div>
    </div>

第二种：

在父容器中使用grid布局

.content{
     justify-content: space-between;

    display: grid;

    grid-template-columns: repeat(auto-fill, 187px);

}