Rumah > hujung hadapan web > tutorial css > Mengapa Elemen Sebaris Tidak Membalas `margin-top` dalam Firefox?

Mengapa Elemen Sebaris Tidak Membalas `margin-top` dalam Firefox?

Susan Sarandon
Lepaskan: 2024-11-18 06:23:02
asal
493 orang telah melayarinya

Why Don't Inline Elements Respond to `margin-top` in Firefox?

Gelagat Margin Menegak dalam Elemen Sebaris: Mengapa Firefox Mematuhi CSS

Soalan:
Mengapa perlu sebaris elemen dalam Firefox dan pelayar lain mengabaikan bahagian atas margin harta?

Jawapan:
Fenomena ini bukan eksklusif untuk Firefox tetapi berpunca daripada Spesifikasi CSS 2.1. Mengikut spesifikasi:

"Margin menegak tidak akan mempunyai sebarang kesan pada elemen sebaris yang tidak diganti."

Penjelasan:
Spesifikasi CSS mengklasifikasikan elemen sebagai sama ada peringkat blok atau sebaris. Elemen peringkat blok, seperti div dan p, boleh menduduki berbilang baris dan jidar menegak yang ditentukan untuk elemen ini dipaparkan seperti yang diharapkan.

Walau bagaimanapun, elemen sebaris, seperti span dan a, bertujuan untuk mengalir dalam barisan. Mereka tidak dipaparkan pada baris yang berasingan dan tidak mempunyai konteks pemformatan mereka sendiri. Akibatnya, jidar menegak yang ditentukan untuk elemen sebaris tidak digunakan.

Oleh itu, gelagat yang diperhatikan dengan jidar atas dalam Firefox bukanlah isu khusus penyemak imbas tetapi lebih kepada pematuhan kepada spesifikasi CSS. Ia memastikan elemen sebaris dipaparkan dengan betul dan mengekalkan aliran teks yang diingini.

Atas ialah kandungan terperinci Mengapa Elemen Sebaris Tidak Membalas `margin-top` dalam Firefox?. 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan