Mengapa Elemen Blok Sebaris Kosong Meningkat Ketinggian Apabila Bekas Disembunyikan?

Mengapa Inline-Block Menyebabkan Div Kosong Meningkat Tinggi dengan Bekas Tersembunyi?

Apabila

diperuntukkan display:inline-block, ia secara ingin tahu memperoleh ketinggian walaupun bekas di sekelilingnya disembunyikan. Tingkah laku ini tiada apabila display:block digunakan.

Inline-Block dan Line Height

Satu aspek utama inline-block ialah ia mempengaruhi pengiraan garis-height . Dalam konteks sebaris, elemen diselaraskan sama ada mengikut bahagian bawah, atas atau garis dasar teks. Elemen blok sebaris, sebagai sebahagian daripada pemformatan sebaris, ketinggiannya dikira berdasarkan ketinggian barisnya, bukannya hanya kotak jidar seperti elemen blok.

Isu Ketinggian Blok Sebaris Kosong

Apabila elemen blok sebaris kosong, ia mewarisi ketinggian garis asas induknya, yang biasanya berdasarkan ciri fonnya. Walaupun blok sebaris tidak mempunyai kandungan, ia masih cuba untuk mewujudkan ketinggian garis menggunakan fon yang ditetapkan, menghasilkan ketinggian bukan sifar.

Pembetulan Pantas: Tetapkan Semula Ketinggian Garis

Untuk menangani percanggahan ketinggian ini, pembalut boleh digunakan untuk menetapkan saiz fon secara eksplisit: 0, yang secara berkesan mengalih keluar sebarang pengiraan berkaitan fon dan menghapuskan ketinggian garis. Selepas itu, saiz fon boleh dipulihkan dalam blok sebaris untuk membenarkan kandungan tanpa mencetuskan isu ketinggian.

Kemas kini: Menentukan Ketinggian Blok Sebaris

Walaupun dokumentasi yang luas, ketinggian intrinsik blok sebaris kosong kekal sebagai enigma. Walau bagaimanapun, melalui pemerhatian dan ujian, corak tertentu telah muncul. Elemen blok sebaris nampaknya menempah ruang garisan minimum, mungkin berdasarkan ketinggian garisan yang diwarisi induknya.

Ringkasnya, manakala blok sebaris menawarkan kelebihan untuk reka letak tertentu, tempahan ketinggian minimum dalam kosong blok sebaris boleh memerlukan pertimbangan tambahan untuk mengelakkan jurang yang tidak diingini.

Atas ialah kandungan terperinci Mengapa Elemen Blok Sebaris Kosong Meningkat Ketinggian Apabila Bekas Disembunyikan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

for while require using this display margin issue

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn