Bagaimanakah Kami Boleh Mengalih Keluar Ruang Halimunan Antara Elemen HTML?

Mengalih keluar Ruang Halimunan daripada HTML

Pengenalan:

Ruang halimunan, juga dikenali sebagai aksara ruang putih, boleh memperkenalkan jurang yang tidak diingini antara elemen dalam HTML. Ruang ini boleh berasal daripada pemformatan kod, pemisah baris atau penggunaan ruang tidak putus ( ).

Masalah:

Dalam kod HTML yang disediakan:

<code class="html"><span style="display: inline">Hello Wo</span>
<span style="display: none;"></span>
<span style="display: inline">rld</span>​</code>

Ruang tambahan muncul di antara aksara "o" dan "r" dalam "Hello World!". Tujuannya adalah untuk memaparkan frasa tanpa sebarang jarak.

Penyelesaian:

Untuk menyelesaikan isu ini, hilangkan ruang yang tidak kelihatan dengan melaksanakan salah satu kaedah berikut:

• Alih keluar pemisah baris: Alih keluar semua pemisah baris dan pemisah ulasan sebaris.
• Ulasan pemisah baris: Sertakan ulasan HTML () sebelum dan selepas baris terputus untuk mengabaikannya.
• Tetapkan saiz fon bekas kepada 0: Tetapkan saiz fon elemen bekas kepada 0 dan tetapkan secara eksplisit saiz fon elemen sebaris kepada nilai yang diingini.
• Pecahkan teg: Pecahkan teg HTML merentas berbilang baris.
• Apungkan elemen: Berikan apungan: harta kiri kepada elemen sebaris.

Contoh:

<code class="html"><span style="display: inline">Hello<span style="display: none;"></span>World</span></code>

Dengan melaksanakan mana-mana kaedah ini, anda boleh berjaya menghapuskan ruang yang tidak kelihatan antara unsur-unsur dan memaparkan "Hello World!" frasa tanpa sebarang jarak.

Atas ialah kandungan terperinci Bagaimanakah Kami Boleh Mengalih Keluar Ruang Halimunan Antara Elemen HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!