关于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;}
结果是这样:
图片描述

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

阅读 3.1k
5 个回答

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题