Rumah > hujung hadapan web > tutorial css > Bagaimanakah Ketinggian Garisan Mempengaruhi Ketinggian Blok dan Elemen Sebaris?

Bagaimanakah Ketinggian Garisan Mempengaruhi Ketinggian Blok dan Elemen Sebaris?

DDD
Lepaskan: 2024-11-11 22:29:02
asal
436 orang telah melayarinya

How Does Line-Height Affect the Height of Block and Inline Elements?

Memahami Penentuan Ketinggian dalam Blok dan Elemen Sebaris

Dalam menentukan ketinggian bongkah atau elemen sebaris, tinggi garisan hartanah memainkan peranan penting untuk elemen blok khususnya dalam konteks tertentu.

Elemen Sekat

Untuk elemen blok, ketinggian kotak kandungan bergantung pada dua perkara utama senario:

  1. Konteks Pemformatan Sebaris (IFC): Apabila elemen mewujudkan IFC, ketinggian ditentukan oleh ketinggian garis elemen, seperti yang dilihat dalam perenggan dan contoh div. Elemen ini mengandungi kotak garis tunggal yang ketinggiannya ditentukan oleh ketinggian garis.
  2. Konteks Pemformatan Blok (BFC): Dalam BFC, ketinggian ditentukan oleh urutan berikut :

    • Pinggir bawah kotak baris terakhir dalam elemen (jika IFC ditubuhkan).
    • Pinggir bawah jidar elemen anak aliran masuk terakhir (jika ia jidar bawah tidak runtuh dengan jidar bawah elemen).
    • Pinggir sempadan bawah unsur anak aliran masuk terakhir (jika jidar atasnya tidak runtuh dengan jidar bawah elemen).
    • Sifar, jika tiada syarat di atas dikenakan.

Elemen Sebaris

Tidak seperti elemen blok, sebaris elemen tidak mempunyai sifat ketinggian yang ditentukan. Ketinggian kawasan kandungan ditentukan oleh sifat fon yang digunakan dan ia tidak berkaitan secara langsung dengan ketinggian garis.

Spesifikasi menyatakan bahawa, "A UA boleh, mis., menggunakan em-box atau penaik dan penurunan maksimum fon" untuk menentukan ketinggian, menyerahkannya kepada budi bicara ejen pengguna.

Nota: Kawasan kandungan unsur sebaris adalah berbeza daripada kotak garisannya. Pelapik menegak, jidar dan jidar yang mengelilingi kawasan kandungan ditambahkan padanya, tetapi hanya ketinggian garisan dipertimbangkan semasa mengira ketinggian kotak garisan.

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan