css3 - フレックスレイアウトで子要素を整列させる方法は?

Question

図のようにju​​stify-content:space-around;を使っていますが、子要素の2行目は1行目と上下に揃えられればいいのですが、子要素の数は固定ではありません。どうやって解決すればいいでしょうか？

Answer 1

justify-content:space-between;

Answer 2

いくつかの計算が必要になる場合があります:

リーリー リーリー

オンラインで見る https://jsfiddle.net/zktf3oc5/

Answer 3

flex 親コンテナの幅が可変である場合、レイアウトは希望する効果を実現できません。

Answer 4

Flex がレイアウトを実装するのは、主にあなたのアイデアが慣例を打ち破るためです。水平レイアウトがうまくいかない場合は、垂直軸レイアウトを使用し、各列を 3 列に設定します。
flex-direction:colomn;
justify-content:space-。 around;
合計 3 つの列を再度使用します
justify-content :space-around;