Jarak Tidak Kelihatan dalam Blok Sebaris
Blok sebaris dikenali kerana susunan sebarisnya yang mudah, tetapi kadangkala ia mempamerkan ruang kosong yang tidak dijangka antara elemen. Isu yang membingungkan ini boleh menjadi jelas, terutamanya apabila menambah kandungan secara dinamik melalui AJAX.
Punca Jarak
Penyebab jarak ini terletak dalam HTML itu sendiri. Mungkin terdapat aksara ruang kosong yang tidak kelihatan dalam kod HTML.
Penyelesaian untuk Jarak Konsisten
Untuk menangani isu ini, pertimbangkan penyelesaian ini:
- Hapuskan Ruang dalam HTML: Optimumkan kod HTML anda dengan mengalih keluar yang tidak perlu ruang kosong.
- Gunakan Float Daripada Blok Inline: Gantikan paparan: inline-block dengan float: left. Walau bagaimanapun, ambil perhatian bahawa penyelesaian ini mungkin menjejaskan kawalan ketinggian elemen.
- Tetapkan Saiz Fon Bekas kepada 0: Tetapkan saiz fon bekas kepada 0 dan tentukan saiz fon yang sesuai untuk elemen kanak-kanak. Kaedah ini membolehkan anda menggunakan peraturan saiz fon relatif.
Atas ialah kandungan terperinci Mengapa Terdapat Jarak Halimunan Antara Elemen Blok 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

MinGW - GNU Minimalis untuk Windows
Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

Dreamweaver CS6
Alat pembangunan web visual

Versi Mac WebStorm
Alat pembangunan JavaScript yang berguna

ZendStudio 13.5.1 Mac
Persekitaran pembangunan bersepadu PHP yang berkuasa

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma