問(wèn)題描述

我用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;}結(jié)果是這樣：

我的問(wèn)題是：第二排紅線框部分，如何才能左對(duì)齊

問(wèn)題解答

沒(méi)試, 但是我想到了一個(gè)簡(jiǎn)單的辦法? 在倒數(shù)第二的位置加一個(gè)占位的p, 將它的visibility設(shè)置為hidden, 如何?

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

如果你那些li不是動(dòng)態(tài)加載進(jìn)來(lái)的，有個(gè)笨辦法，寫(xiě)一個(gè)空的li，撐起來(lái)。

沒(méi)有什么好辦法，添加額外的li來(lái)占位，等這里的li渲染完了再動(dòng)態(tài)地添加額外節(jié)點(diǎn)占位。

最后一個(gè)給他margin-left:auto;