Bagaimanakah sifat paparan unsur `` mempengaruhi gelagat kotak blok tanpa nama dan penggayaan kandungan di dalamnya?

paparan:sekat Paparan dalam:sebaris

Pertimbangkan senario berikut: dokumen HTML dengan elemen digayakan dengan paparan:sebaris dan

elemen digayakan dengan paparan:blok. Menurut spesifikasi CSS 2.1, persediaan ini menghasilkan:

"Kotak blok tanpa nama di sekeliling

, mengandungi kotak blok tanpa nama di sekeliling teks tanpa nama sebelum

,

; kotak blok dan satu lagi kotak blok tanpa nama di sekeliling teks tanpa nama selepas

."

Secara visual, kotak yang terhasil diwakili sebagai:

+- anonymous block box around body ---+
| +- anonymous block box around text 1-+ |
| |                                 + |
| +---------------------------------+ |
|                                     |
| +- P block box -------------------+ |
| |                                 + |
| +---------------------------------+ |
|                                     |
| +- anonymous block box around text 2-+ |
| |                                 + |
| +---------------------------------+ |
+-------------------------------------+

Walau bagaimanapun, tingkah laku persediaan ini berbeza daripada

. Mengikut spesifikasi CSS 2.1:

"Sifat yang ditetapkan pada elemen yang menyebabkan kotak blok awanama dijana masih digunakan pada kotak dan kandungan elemen itu."

Perbezaan ini boleh dilihat dengan sifat seperti "gaya sempadan". Dalam kes

, sempadan akan mengelilingi teks tanpa nama sebelum dan selepas

elemen, meninggalkan

unsur tidak berubah. Sebaliknya, dengan

, sempadan akan mengelilingi keseluruhan elemen badan, termasuk

elemen.

Atas ialah kandungan terperinci Bagaimanakah sifat paparan unsur `` mempengaruhi gelagat kotak blok tanpa nama dan penggayaan kandungan di dalamnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!