前端 - flex布局采用space-around这种方法，但是最后一行如何让他左对齐？

Question

如图最好那两个怎么让他左对齐？

Answer 1

スペースアラウンドは必要ありません。必ず flex-wrap:wrap を追加してください。flex-start を使用してください。

Answer 2

この状況で、まだ flex を使用する場合は、float レイアウトを使用する方が良いと思います。

Answer 3

上記の人が言ったことは正しいです。この種の直接のパーセント計算で十分であり、フレックスの必要はありません。
http://runjs.cn/code/3nq7qacp

Answer 4

それでは計算してみましょう。ありがとう

Answer 5

各項目の幅が同じ場合は、複数の空白のプレースホルダー項目を追加して、各行の列数を同じに保つことができます。

Answer 6

flex はパーセントとともに使用されます。

• justify-content: space-around; の場合、空のプレースホルダー要素を追加する必要があります。

• justify-content: flex-start; の場合、要素を追加する必要はありません。

項目の内部 text-align: center; は中央揃えを実装します。