关于Flex布局的问题

Question

我用flex布局代码是这样：
.cszgroup-ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; padding-bottom: 5px;}
.cszgroup-ul li{ width: 31%; margin-bottom: 10px;}
结果是这样：

我的问题是：第二排红线框部分，如何才能左对齐

Answer 1

没试, 但是我想到了一个简单的办法? 在倒数第二的位置加一个占位的div, 将它的visibility设置为hidden, 如何?

Answer 2

cszgroup-ul {
  justify-content: flex-start;
}

Answer 3

如果你那些li不是动态加载进来的，有个笨办法，写一个空的li，撑起来。

Answer 4

没有什么好办法，添加额外的li来占位，等这里的li渲染完了再动态地添加额外节点占位。

Answer 5

最后一个给他margin-left:auto;