Bagaimana untuk Menghapuskan Jarak Yang Tidak Diingini Antara Elemen Blok Sebaris?

Menyelesaikan Ruang Antara Blok Sebaris Tidak Berbalut

Apabila menjajarkan elemen blok sebelah-menyebelah untuk merentangi lebar penyemak imbas, menggunakan ruang putih: nowrap boleh berkesan . Walau bagaimanapun, mungkin terdapat jarak yang tidak dijangka antara blok.

Penyelesaian

Jarak selalunya berasal daripada aksara ruang putih antara elemen sebaris(-blok). Satu cara untuk menghapuskan ruang ini ialah dengan menghapuskan ruang putih:

<div>

Pendekatan Tambahan

Kaedah lain untuk mengalih keluar ruang putih termasuk:

• Meminimumkan HTML: Mengalih keluar ruang putih yang tidak perlu dan pemformatan.
• Jing negatif: Menambah jidar negatif pada elemen kanak-kanak.
• Memecahkan teg penutup: Membahagikan teg penutup kepada berbilang baris.
• Teknik saiz fon sifar: Menetapkan saiz fon ibu bapa kepada sifar dan menetapkannya semula untuk kanak-kanak.
• Item sebaris terapung: Mengapungkan elemen kanak-kanak secara individu.
• Menggunakan flexbox: Menggunakan flexbox yang lebih moden susun atur untuk kedudukan dan penjajaran yang fleksibel.

Berkaitan Sumber

Untuk maklumat lanjut, rujuk artikel Chris Coyier atau topik serupa ini di Stack Overflow:

• Mengapa terdapat jurang antara imej dan bar navigasi
• Bagaimana untuk mengalih keluar ruang antara elemen blok sebaris?
• Ruang antara Senarai Blok Sebaris Item
• Cara mengalih keluar "Ruang halimunan" daripada HTML

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Jarak Yang Tidak Diingini Antara Elemen Blok Sebaris?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!