Bagaimanakah Ketinggian Garisan Mempengaruhi Ketinggian Elemen Sebaris?

Ketinggian Garisan dalam Elemen Sebaris Diterangkan

Elemen sebaris mempunyai ukuran yang berbeza untuk ketinggian bergantung pada konteks. Berikut ialah pecahan terperinci:

Ketinggian Kotak Sebaris

Kotak sebaris ialah kawasan segi empat tepat yang mengandungi kandungan dan separuh teraju glif. Ketinggian garisan menentukan ketinggian kotak ini, yang sama dengan nilai ketinggian garisan dalam kebanyakan kes.

Ketinggian Kotak Garisan

Kotak garisan merangkumi barisan kotak sebaris. Jika semua kotak sebaris mempunyai ketinggian garisan dan penjajaran menegak yang sama, ketinggian kotak garisan juga ditentukan oleh ketinggian garisan.

Ketinggian Kawasan Kandungan Kotak Sebaris

Kawasan kandungan kotak sebaris ialah kawasan di mana teks dan elemen lain dipaparkan. Kawasan ini mungkin berbeza daripada ketinggian kotak sebaris bergantung pada pelaksanaan ejen pengguna (penyemak imbas).

Kebanyakan penyemak imbas mendasarkan ketinggian kawasan kandungan pada glif tertinggi dalam gabungan fon-famili dan saiz fon. Ini boleh menyebabkan kawasan kandungan menjadi lebih besar daripada ketinggian kotak garis.

Saiz Fon dan Tinggi Kawasan Kandungan

Sementara saiz fon (15px dalam contoh anda) menentukan ketinggian em-box, ia tidak menjamin ketinggian kawasan kandungan 15px. Ini kerana penyemak imbas membuat pelarasan berdasarkan ciri fon.

Sebagai contoh, dalam kes anda, penyemak imbas mengira ketinggian kawasan kandungan sebagai 18px untuk fon "Verdana" dan 17px untuk fon "sans-serif" , walaupun anda menetapkan saiz fon kepada 15px. Nilai ini berada dalam julat "munasabah" iaitu 1.0 hingga 1.2 kali ganda saiz fon.

Warna Latar Belakang dan Ketinggian Garis

Ketinggian warna latar belakang dalam elemen sebaris tidak sejajar dengan ketinggian garis kerana ia hanya memanjang ke ketinggian kawasan kandungan. Ini menerangkan sebab latar belakang hijau dalam contoh anda hanya tinggi 18px, walaupun ketinggian garisan ialah 15px.

Atas ialah kandungan terperinci Bagaimanakah Ketinggian Garisan Mempengaruhi Ketinggian Elemen Sebaris?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!