検索

ホームページ  >  に質問  >  本文

CSS Grid を使用して div にグリッド システムを実装するにはどうすればよいですか?

2 列の div を作成したいのですが、親 div に項目を追加するときは最初の列に配置する必要があります。最初の列に 3 つの要素があり、他の項目を追加する場合は 2 番目の列に配置する必要があります。カラム。 これが私が探している画像です:

インターネット上で応答が見つかりませんでした。CSS グリッド ジェネレーターを試しましたが、結果は得られませんでした。

CSS グリッド ジェネレーターですが、正しい答えが得られません

P粉195200437P粉195200437560日前545

全員に返信(2)返信します

  • P粉427877676

    P粉4278776762023-09-09 00:57:36

    わかりました...メッシュ フローに問題があるようです。これを変更するには、grid-auto-flow:column; を使用します。これで、グリッドのフローが行から列に変更されます。必要に応じて grid-template-rows を変更できます。

    返事
    0
  • P粉469090753

    P粉4690907532023-09-09 00:09:36

    HTML で行う必要があることは次のとおりです:

    リーリー

    と CSS:

    リーリー ######デモ######

    返事
    0
  • キャンセル返事