Bagaimanakah Saya Boleh Meletakkan Cucu Dalam Bekas Grid CSS?

Cucu Bekas Grid

Panduan grid CSS mencadangkan bahawa elemen yang diletakkan dalam grid adalah anak langsung elemen grid. Tetapi bagaimana jika anda ingin meletakkan elemen yang merupakan "cucu" grid?

paparan: subgrid

Spesifikasi draf Grid CSS Tahap 2 memperkenalkan konsep subgrid. Dengan paparan: subgrid, item grid boleh menangguhkan takrifan baris dan lajurnya kepada bekas grid induknya. Ini membolehkan kandungan kedua-dua grid dijajarkan.

Walau bagaimanapun, ciri ini belum lagi dilaksanakan dalam penyemak imbas utama.

Pilihan Lain

Dalam Grid Tahap 1, hanya anak aliran masuk kontena menjadi item grid. Dengan paparan: subgrid pada item grid, kanak-kanak item menghormati garisan bekas.

Sebagai alternatif, anda boleh menggunakan paparan: grid pada item grid (bekas grid bersarang) atau meneroka paparan: penyelesaian kandungan diterangkan dalam "Apakah alternatif kepada CSS subgrid?"

Sumber

• [Subgrids](https://blogs.igalia.com/mrego/2016/02/12/subgrids -berfikir-keras/)
• [Mozilla Bugzilla](https://bugzilla.mozilla.org/show_bug.cgi?id=1240834)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meletakkan Cucu Dalam Bekas Grid CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!