Mengapa Elemen Blok Sebaris Kosong Mencipta Jurang?-tutorial css-php.cn

Mengapa Elemen Blok Sebaris Kosong Mencipta Jurang?

Susan Sarandon

Lepaskan： 2024-11-02 07:04:02

asal

144 orang telah melayarinya

Why Do Empty Inline-Block Elements Create a Gap?

Teka-teki Ketinggian Blok Sebaris: Memahami Kesan Ketinggian Garis

Konteks

Apabila

elemen diberikan paparan blok sebaris, ia nampaknya memperoleh ketinggian yang tidak dijangka dalam bekas induknya. Fenomena ini tidak berlaku dengan display:block. Keanehan ini menyebabkan pembangun tertanya-tanya, "Mengapakah sekatan sebaris menyebabkan jurang ini?"

Pengiraan Ketinggian Garisan dan Kesan Sekatan Sebaris

Satu aspek penting paparan:blok sebaris ialah kesan pada pengiraan ketinggian garisan. Dalam konteks sebaris, ketinggian garisan berpusat di sekitar garis dasar teks. Untuk elemen blok sebaris, ketinggian garisan ditentukan oleh metrik fonnya.

Mengukur Ketinggian Tanpa Kandungan

Elemen blok sebaris kosong menimbulkan cabaran kerana tidak mempunyai dimensi berkaitan fon. Walau bagaimanapun, mereka masih mewarisi ketinggian garis lalai bagi elemen induk mereka, mengakibatkan jurang yang boleh dilihat.

Pembetulan Pantas: Mengalih Keluar Ketinggian Garis

Untuk menyelesaikan isu ini, elemen pembungkus boleh diperkenalkan dengan saiz fon sifar, dengan berkesan mengalih keluar sebarang ketinggian garisan dan oleh itu menghapuskan jurang. Menetapkan semula saiz fon dalam elemen blok sebaris membenarkan kandungan tanpa mencipta ruang yang tidak diingini.

Kemas kini: Mengisi Jurang dalam Dokumentasi

Walaupun penyelidikan yang meluas, tiada dokumentasi rasmi secara jelas mentakrifkan ketinggian elemen blok sebaris kosong.

Penjelasan Ringkas

Elemen blok sebaris berkelakuan seolah-olah mereka mengharapkan kandungan. Mereka menempah ruang garisan minimum berdasarkan ketinggian baris mereka yang diwarisi, walaupun tanpa kandungan sebenar. Tingkah laku ini, walaupun tidak didokumenkan secara eksplisit, adalah corak biasa yang diperhatikan melalui percubaan.

Atas ialah kandungan terperinci Mengapa Elemen Blok Sebaris Kosong Mencipta Jurang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!