Bagaimana untuk Menghapuskan Jarak Tidak Kelihatan dalam Elemen HTML Sebaris?

Jarak Halimunan dalam HTML

Apabila menggunakan elemen sebaris untuk mencipta frasa seperti "Hello World!", anda mungkin menghadapi ruang yang tidak dijangka antara aksara . Ruang tidak kelihatan ini boleh disebabkan oleh pemisah baris dalam kod HTML.

Untuk mengalih keluar ruang ini, anda mempunyai beberapa pilihan:

• Alih keluar pemisah baris: Hapuskan semua pemisah baris dalam teg HTML.
• Ulas pemisah baris: Tambahkan ulasan HTML untuk menyembunyikan sebarang pemisah baris, seperti ditunjukkan dalam contoh berikut:

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

• Tetapkan saiz fon bekas kepada sifar: Tetapkan saiz fon elemen bekas kepada sifar dan gantikannya untuk elemen rentang individu.
• Pecahkan tag: Tambah pemisah baris antara teg, seperti yang ditunjukkan di bawah:

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

• Elemen terapung: Gunakan sifat apungan pada elemen span, seperti dalam CSS berikut:

<code class="css">span {
  float: left;
}</code>

Dengan melaksanakan salah satu daripada penyelesaian ini, anda boleh menghapuskan ruang yang tidak kelihatan antara aksara dan memastikan bahawa frasa HTML anda muncul seperti yang dimaksudkan.

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