css - 关于Flex布局的问题

问题描述

我用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;}结果是这样：

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

问题解答

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

cszgroup-ul { justify-content: flex-start;}回答3：

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

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

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