Bagaimanakah Ketinggian Kotak Kandungan Ditentukan untuk Elemen Blok dan Sebaris?

Menentukan Ketinggian Kotak Kandungan dalam Blok dan Elemen Sebaris

Memahami Ketinggian Elemen Bongkah

Dalam elemen peringkat blok, ketinggian kotak kandungan ditakrifkan oleh jarak dari bahagian atas kandungan ke salah satu daripada yang berikut (bergantung pada kehadiran konteks pemformatan sebaris (IFC) atau konteks pemformatan blok (BFC)):

1. Bawah kotak baris terakhir dalam IFC
2. Bidar bawah anak aliran masuk terakhir dalam BFC

Jika elemen mempunyai ketinggian yang ditetapkan secara eksplisit, ketinggian kotak kandungan hanyalah itu nilai.

Ketinggian Elemen Sebaris

Untuk elemen sebaris, ketinggian kotak kandungan tidak ditakrifkan secara eksplisit dan bergantung pada saiz fon dan sifat fon lain. Jidar menegak, jidar dan pelapik elemen sebaris bermula di bahagian atas dan bawah kotak kandungan, tetapi tidak menjejaskan ketinggian kotak garisan.

Contoh: Menentukan Ketinggian

Dalam coretan HTML yang disediakan, ketinggian kotak kandungan adalah seperti berikut:

• Perenggan (

  ): Ketinggian adalah sama dengan ketinggian garis (2em) kerana ia mewujudkan IFC dengan satu baris.

• Div (
  ): Juga sama dengan ketinggian garis (2em) atas sebab yang sama.
• Span (): Ketinggian berbeza-beza mengikut ketinggian garis, menunjukkan bahawa ketinggian ditentukan oleh sifat fon, bukan ketinggian garis.

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