css - 關於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

沒試, 但是我想到了一個簡單的辦法? 在倒數第二的位置加一個佔位的p, 將它的visibility設置為hidden, 如何?

Answer 2

雷雷

Answer 3

如果你那些li不是動態載入進來的，有個笨辦法，寫一個空的li，撐起來。

Answer 4

沒有什麼好辦法，增加額外的li來佔位，等這裡的li渲染完了再動態地加入額外節點佔位。

Answer 5

最後一個給他margin-left:auto;