搜索

首页  >  问答  >  正文

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;}
结果是这样:

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

滿天的星座滿天的星座2772 天前881

全部回复(5)我来回复

  • phpcn_u1582

    phpcn_u15822017-06-05 11:15:12

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

    回复
    0
  • 高洛峰

    高洛峰2017-06-05 11:15:12

    雷雷

    回复
    0
  • 我想大声告诉你

    我想大声告诉你2017-06-05 11:15:12

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

    回复
    0
  • 天蓬老师

    天蓬老师2017-06-05 11:15:12

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

    回复
    0
  • PHP中文网

    PHP中文网2017-06-05 11:15:12

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

    回复
    0
  • 取消回复