3 列の組積造レイアウトを作成して、同じ幅で異なる高さのアイテムをレンダリングしたいのですが、以下のコードを試してみると、3 列目が空になっており、少し奇妙に見えます。なんとか直せるでしょうか？
このコードを試しました。最初の列に 2 つの項目、2 番目と 3 番目の列に 1 つの項目を入れたいと考えています。同じ高さのアイテムが 4 つあるということは、特定のケースにすぎないことに注意してください。最終的には、アイテムの数と各アイテムの高さはわかりません。
リーリー リーリー
この場合、display: flex と flex-wrap: Wrap および justify-content: space- Between using Containers
display: flex
flex-wrap: Wrap
justify-content: space- Between
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
この場合、
を組み合わせることができます。display: flexとflex-wrap: Wrapおよびjustify-content: space- Betweenusing Containers