Bagaimanakah Ketinggian Garisan Mempengaruhi Ketinggian Blok dan Elemen Sebaris?

<p>

Menentukan Ketinggian Kotak Kandungan untuk Elemen Blok dan Sebaris

Elemen Blok

<p>Untuk elemen blok, ketinggian kotak kandungan boleh ditentukan menggunakan sifat ketinggian garis dengan cara berikut:

• Jika tiada sebarang kanak-kanak peringkat blok, pelapik atau sempadan, ketinggian elemen ditentukan oleh ketinggian garis.
• Jika elemen blok mewujudkan Konteks Pemformatan Sebaris (IFC), ketinggian ditentukan oleh baris terakhir kotak ditetapkan mengikut ketinggian garis.
• Jika elemen blok mewujudkan Konteks Pemformatan Blok (BFC), ketinggian ditentukan oleh ketinggian anak aliran masuk terakhir (termasuk jidar runtuh) atau tepi jidar bawah kanak-kanak itu (jika jidar atasnya tidak runtuh dengan jidar bawah elemen).

Elemen Sebaris

<p>Untuk elemen sebaris, sifat ketinggian tidak berlaku. Sebaliknya, ketinggian kawasan kandungan adalah berdasarkan metrik fon yang digunakan dan tidak boleh dikawal secara eksplisit oleh sifat CSS. Kawasan kandungan hendaklah sentiasa muat dalam kotak garisan, tetapi ketinggian tepat mungkin berbeza-beza bergantung pada fon dan enjin pemaparan.

<p>Untuk menggambarkan perbezaannya, pertimbangkan coretan kod berikut:

<p>

<p>Dalam contoh ini, elemen div dan p mewujudkan IFC, jadi ketinggian kotak garisan akan sepadan dengan ketinggian garis. Walau bagaimanapun, untuk elemen rentang sebaris, ketinggian kawasan kandungan ditentukan oleh metrik fon dan mungkin berbeza daripada ketinggian garis.

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