Mengapa Margin Top Tidak Berfungsi pada Elemen Sebaris dalam CSS?

Elemen Atas dan Sebaris Margin

Dalam CSS, sifat margin digunakan untuk menentukan jarak di luar sempadan elemen. Walau bagaimanapun, isu biasa timbul apabila menggunakan margin atas pada elemen sebaris, terutamanya dalam Firefox.

Isu:

Mengapa margin atas kelihatan diabaikan untuk elemen sebaris dalam Firefox?

Jawapannya:

Tingkah laku ini bukan eksklusif untuk Firefox tetapi ditakrifkan dalam Spesifikasi CSS 2.1:

Spesifikasi CSS 2.1 pada Sifat Margin:

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

Penjelasan:

Sebaris elemen, seperti teks, tag dan teg, tidak mempunyai ketinggian dan lebar yang ditentukan dan biasanya dipaparkan sebagai satu baris kandungan. Atas jidar, sifat jidar menegak, cuba mencipta ruang di atas elemen sebaris. Walau bagaimanapun, memandangkan elemen sebaris tidak mempunyai ketinggian untuk menampung jidar, ia diabaikan.

Kesimpulan:

Mengikut spesifikasi CSS, atas margin tidak boleh digunakan untuk elemen sebaris. Untuk menambah ruang menegak di atas elemen sebaris, pertimbangkan untuk menggunakan pilihan lain seperti ketinggian garisan atau padding-top.

Atas ialah kandungan terperinci Mengapa Margin Top Tidak Berfungsi pada Elemen Sebaris dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!