Bagaimanakah Saya Boleh Membuat Elemen DIV Mengisi Keseluruhan Sel Jadual Menggunakan CSS Moden?

Memastikan DIV Menjangkau Keseluruhan Sel Jadual dengan CSS Moden

Pada masa lalu, adalah satu cabaran untuk mencipta DIV yang lancar mengisi seluruh sel jadual tanpa pengetahuan yang tepat tentang dimensi sel. Walau bagaimanapun, dengan kemunculan CSS3, penyelesaian yang mudah dan elegan telah muncul.

Untuk mengisi DIV kepada keseluruhan sel jadual, kedua-dua lebar dan tinggi sel mesti diwarisi. Ini boleh dicapai dengan menetapkan ketinggian baris induk (TR) kepada nilai arbitrari yang kecil, seperti "1px," dan menetapkan ketinggian sel jadual (TD) kepada "warisan."

Akhir sekali, DIV dalam sel jadual boleh ditetapkan kepada "ketinggian: 100%." Ini memastikan bahawa DIV mengembang ke ketinggian dan lebar penuh sel.

Berikut ialah contoh cara melaksanakan penyelesaian ini:

<table>

Dengan mengikuti pendekatan ini, anda boleh membuat dengan mudah DIV yang merangkumi keseluruhan sel jadual, tanpa mengira dimensinya yang tidak diketahui. Teknik ini serasi dengan penyemak imbas moden, seperti IE Edge dan Chrome, menyediakan penyelesaian yang teguh dan fleksibel kepada cabaran CSS yang berlarutan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Elemen DIV Mengisi Keseluruhan Sel Jadual Menggunakan CSS Moden?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!