让CSS flex布局最后一行列表左对齐的一种方法

<ul>
        <li v-for="(item,index) in 6" :key="index">

        </li>
</ul>

ul {
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  li {
    width: 24%;
    height: 85px;
    background: red;
    margin-bottom: 5px;
    &:not(:nth-child(4n)) {
      margin-right: calc(4% / 3);
    }
  }
}