Grid CSS: Bolehkah Anda Meletakkan "Cucu" pada Grid?
Banyak panduan grid CSS membayangkan struktur di mana elemen kedudukan grid berada kanak-kanak langsung unsur grid. Walau bagaimanapun, ia mungkin timbul apabila anda perlu meletakkan elemen "cucu" terus pada grid itu sendiri.
Keperluan untuk "Subgrid"
Dalam senario bersarang dengan grid datuk nenek, bekas ibu bapa dan elemen cucu, anda mungkin mahu meletakkan setiap cucu pada barisnya dalam grid. Adakah ini masuk akal dalam terminologi grid?
Masukkan: paparan: subgrid
Daripada spesifikasi draf Grid CSS Tahap 2, kami memperkenalkan konsep paparan: subgrid. Digunakan pada item grid, paparan: subgrid membenarkan anak item mewarisi reka letak grid bekas sambil mengabaikan sifat grid item.
Ciri ini belum lagi dilaksanakan secara meluas dalam penyemak imbas. Walau bagaimanapun, ia menawarkan penyelesaian yang berpotensi untuk masalah kedudukan "cucu".
Alternatif Untuk Sekarang
Sementara menunggu sokongan untuk paparan: subgrid, pendekatan alternatif wujud:
- Gunakan paparan: grid pada item grid (walaupun pengehadan wujud).
- Gunakan paparan: kandungan untuk mewarisi garis grid secara menegak.
Sumber Tambahan
- [Apakah itu CSS paparan: subgrid?](https://developer.mozilla.org/en-US/docs/Glossary/display)
- [Subgrids dalam CSS Grid Tahap 2](https://blogs.igalia.com/mrego /2016/02/12/subgrids-thinking-out-loud/)
- [paparan: subgrid untuk menjajarkan item pada bekas cucu](https://bugzilla.mozilla.org/show_bug.cgi?id=1240834)
Atas ialah kandungan terperinci Bolehkah CSS Grid Meletakkan Cucu Secara Terus, dan Bagaimana?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Ekosistem React menawarkan kita banyak perpustakaan yang semuanya memberi tumpuan kepada interaksi seret dan penurunan. Kami mempunyai React-Dnd, React-Beautiful-Dnd,

Terdapat beberapa perkara yang saling berkaitan dengan perisian cepat sejak kebelakangan ini.

Saya tidak boleh mengatakan saya menggunakan klip latar belakang semua yang kerap. Saya ' Tetapi saya diingatkan dalam jawatan oleh Stefan Judis,

Animasi dengan RequestAnimationFrame semestinya mudah, tetapi jika anda belum membaca dokumentasi React dengan teliti maka anda mungkin akan mengalami beberapa perkara

Mungkin cara paling mudah untuk menawarkan kepada pengguna adalah pautan yang mensasarkan ID pada elemen. Begitu seperti ...

Dengar, saya bukan pakar GraphQL tetapi saya suka bekerja dengannya. Cara ia mendedahkan data kepada saya sebagai pemaju front-end cukup sejuk. Ia seperti menu

Pada minggu ini, roundup, sebuah bookmarklet yang berguna untuk memeriksa tipografi, menggunakan menunggu untuk mengamuk dengan cara modul JavaScript mengimport satu sama lain, ditambah Facebook ' s

Saya baru -baru ini melihat perubahan yang menarik pada Codepen: apabila melayang pena di laman web, ada persegi panjang dengan sudut bulat yang berkembang di belakang.


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

VSCode Windows 64-bit Muat Turun
Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

MantisBT
Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.

ZendStudio 13.5.1 Mac
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver Mac版
Alat pembangunan web visual

MinGW - GNU Minimalis untuk Windows
Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.