Mengapa Jurang Muncul Antara Elemen Blok Sebaris, dan Bagaimana Saya Boleh Menghapuskannya?

Menghapuskan Jurang Antara Elemen Blok Sebaris

Apabila menggunakan ruang putih: nowrap untuk menyusun elemen blok sebaris bersebelahan dan merentangi lebar penyemak imbas, anda mungkin menghadapi jurang berterusan beberapa piksel antara unsur. Jurang ini berpunca daripada kehadiran aksara ruang putih, seperti pemisah baris dan tab, antara elemen blok sebaris.

Untuk menyelesaikan isu ini, anda boleh menghalang jurang dengan mengulas atau mengalih keluar sebarang ruang kosong antara elemen:

<div>

Sebagai alternatif, anda mempunyai beberapa pilihan lain untuk menghapuskan jurang ini:

• Minimumkan HTML dengan mengalih keluar ruang kosong yang tidak perlu.
• Gunakan jidar negatif untuk bertindih sedikit elemen.
• Isytihar item sebaris sebagai terapung.
• Gunakan flexbox untuk menjajarkan elemen.

Ingat bahawa jurang bukan pepijat tetapi mematuhi gelagat biasa elemen sebaris. Rujuk artikel Chris Coyier atau perbincangan serupa tentang Stack Overflow untuk mendapatkan cerapan lanjut.

Atas ialah kandungan terperinci Mengapa Jurang Muncul Antara Elemen Blok Sebaris, dan Bagaimana Saya Boleh Menghapuskannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!