Mengapa Elemen Blok Sebaris Saya Melimpahi Bekasnya, dan Bagaimana Saya Boleh Membetulkannya?

Kotak Blok Sebaris Melimpah Bekas

Dalam kod yang disediakan, kotak blok sebaris digunakan, yang dijangka muat kemas dalam bekas. Walau bagaimanapun, kotak melimpah disebabkan jarak yang tidak dijangka.

Tingkah laku ini berpunca daripada jarak sedia ada elemen sebaris dan peminjaman elemen blok sebaris ciri ini. Ruang atau pemisah baris antara elemen blok sebaris, seperti ruang antara elemen rentang atau teks dalam perenggan, diiktiraf oleh penyemak imbas dan dijadikan sebagai lebar tambahan.

Penyelesaian

Untuk menghapuskan isu ini, alih keluar sebarang ruang kosong antara elemen dalam kod HTML:

<div class="ok"><div class="box">1</div><div class="box">2</div><div class="box">3</div><div class="box">4</div></div>

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