Bagaimanakah saya boleh melaksanakan sistem grid dalam div saya menggunakan Grid CSS?
P粉195200437
P粉195200437 2023-09-08 16:03:49
0
2
384

Saya ingin mencipta div dengan 2 lajur, apabila saya menambah item dalam div induk, ia sepatutnya berada dalam lajur pertama dan apabila lajur pertama mempunyai 3 elemen dan saya mahu menambah item lain, ia sepatutnya berada dalam Lajur dua. Ini adalah imej yang saya cari:

Saya mendapati tiada respons di internet, saya mencuba penjana grid css tetapi tanpa sebarang hasil..

Penjana Grid CSS tetapi saya tidak dapat jawapan yang betul

P粉195200437
P粉195200437

membalas semua (2)
P粉427877676

Baiklah...nampaknya anda cuma ada masalah dengan aliran mesh. Untuk menukarnya, gunakangrid-auto-flow:column;就是这样,网格的流程将从行更改为列。您可以根据需要更改grid-template-rows.

    P粉469090753

    Apa yang anda perlu lakukan dalam html ialah:

    1
    2
    3
    4
    5
    6

    dan CSS:

    .parent{ display:grid; grid-template-columns: 1fr 1fr; grid-auto-flow: column; grid-template-rows:1fr 1fr 1fr; }

    Demo

      Muat turun terkini
      Lagi>
      kesan web
      Kod sumber laman web
      Bahan laman web
      Templat hujung hadapan
      Tentang kita Penafian Sitemap
      Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!