Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Meletakkan Cucu Dalam Bekas Grid CSS?
Bagaimanakah Saya Boleh Meletakkan Cucu Dalam Bekas Grid CSS?
- Mary-Kate Olsenasal
- 2024-12-24 22:07:15192semak imbas
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!