CSS: 列: 3 を使用して 2 列に 4 つの項目をレンダリングする

Question

3 列の組積造レイアウトを作成して、同じ幅で異なる高さのアイテムをレンダリングしたいのですが、以下のコードを試してみると、3 列目が空になっており、少し奇妙に見えます。なんとか直せるでしょうか？

このコードを試しました。最初の列に 2 つの項目、2 番目と 3 番目の列に 1 つの項目を入れたいと考えています。同じ高さのアイテムが 4 つあるということは、特定のケースにすぎないことに注意してください。最終的には、アイテムの数と各アイテムの高さはわかりません。

リーリー リーリー

Answer 1

この場合、display: flex と flex-wrap: Wrap および justify-content: space- Between using Containers

を組み合わせることができます。

リーリー リーリー