


Mengapakah Margin-Top Berfungsi pada Inline-Block tetapi Bukan Elemen Sebaris?
Gelagat Margin dalam Elemen Inline dan Inline-Block
Dalam CSS, gelagat gaya margin boleh berbeza-beza bergantung pada sifat paparan sesuatu unsur. Soalan ini meneroka perbezaan antara gelagat margin atas dalam elemen sebaris dan blok sebaris.
Elemen Sebaris
Dalam kod yang diberikan, elemen h1 pada mulanya ditetapkan kepada paparan: sebaris. Menurut spesifikasi CSS2, elemen sebaris diformatkan sebagai satu atau lebih kotak sebaris. Kotak ini dibentangkan secara mendatar dan hanya menghormati jidar mendatar (cth., jidar kiri dan kanan). Akibatnya, sifat margin atas diabaikan.
Elemen Blok Sebaris
Apabila sifat paparan ditukar kepada blok sebaris, elemen h1 menjadi bekas blok sebaris. Ini bermakna ia berkelakuan seperti elemen blok dalam bekasnya sambil mengekalkan aliran sebaris. Elemen blok menghormati kedua-dua jidar mendatar dan menegak, termasuk jidar atas. Oleh itu, apabila paparan ditetapkan kepada sekatan sebaris, sifat atas margin digunakan seperti yang dijangkakan.
Kesimpulan
Perbezaan dalam tingkah laku jidar antara sebaris dan sebaris -elemen blok berpunca daripada perbezaan susun atur asasnya. Elemen sebaris dibentangkan secara mendatar dan hanya menghormati jidar mendatar, manakala unsur blok sebaris diformatkan seperti blok dan menghormati kedua-dua jidar mendatar dan menegak. Pemahaman ini penting untuk mengawal kedudukan elemen dalam reka letak CSS.
Atas ialah kandungan terperinci Mengapakah Margin-Top Berfungsi pada Inline-Block tetapi Bukan Elemen Sebaris?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Saya mendapat soalan ini pada hari yang lain. Pemikiran pertama saya ialah: soalan pelik! Kekhususan adalah mengenai pemilih, dan at-peraturan bukan pemilih, jadi ... tidak relevan?

Ya, anda boleh, dan ia tidak begitu penting dalam perintah apa. Preprocessor CSS tidak diperlukan. Ia berfungsi dalam CSS biasa.

Anda pasti pasti menetapkan tajuk cache yang jauh pada aset anda seperti CSS dan JavaScript (dan imej dan fon dan apa sahaja yang lain). Yang memberitahu penyemak imbas

Ramai pemaju menulis tentang bagaimana untuk mengekalkan asas CSS, namun tidak banyak daripada mereka menulis tentang bagaimana mereka mengukur kualiti asas kod tersebut. Pasti, kita ada

Pernahkah anda mempunyai bentuk yang perlu menerima sedikit teks yang sewenang -wenangnya? Seperti nama atau apa sahaja. Itu ' s betul -betul apa. Terdapat banyak

Saya sangat teruja untuk menuju ke Zürich, Switzerland untuk persidangan depan (suka nama dan url!). Saya tidak pernah ke Switzerland sebelum ini, jadi saya teruja

Salah satu perkembangan kegemaran saya dalam pembangunan perisian adalah kedatangan tanpa pelayan. Sebagai pemaju yang mempunyai kecenderungan untuk terjebak dalam butiran

Dalam siaran ini, kami akan menggunakan demo kedai e -dagang yang saya bina dan digunakan untuk Netlify untuk menunjukkan bagaimana kami boleh membuat laluan dinamik untuk data masuk. Ia adil


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

DVWA
Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini

PhpStorm versi Mac
Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).

SublimeText3 versi Inggeris
Disyorkan: Versi Win, menyokong gesaan kod!

SecLists
SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

ZendStudio 13.5.1 Mac
Persekitaran pembangunan bersepadu PHP yang berkuasa