Bagaimanakah Saya Boleh Menyembunyikan Teks dalam HTML Tanpa Menggunakan Tag HTML?

Menyembunyikan Teks tanpa Teg HTML dalam HTML

Masalah:

Pertimbangkan kod HTML berikut:

<div class="entry">
  <p class="page-header">

Ia diperlukan untuk menyembunyikan teks "Enter" yang mengikuti teg "p", tetapi ia tidak boleh dilaksanakan untuk melampirkannya dengan tag HTML. Oleh itu, penyelesaian alternatif, seperti CSS atau JavaScript, diperlukan.

Penyelesaian Menggunakan CSS:

Kodam CSS boleh digunakan untuk mencapai hasil yang diinginkan:

.entry {
  font-size: 0;
}

.entry * {
  font-size: initial;
}

Dengan menetapkan saiz fon bagi elemen induk ".entry" kepada 0, semua elemen anaknya akan mewarisi saiz yang sama. Walau bagaimanapun, dengan menetapkan saiz fon semua elemen kanak-kanak dalam ".entry" kembali kepada "awal", mereka akan mendapatkan semula saiz fon asalnya, dengan berkesan menyembunyikan teks "Enter."

HTML Kod dengan CSS Digunakan:

<div class="entry">
  <p class="page-header">

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Teks dalam HTML Tanpa Menggunakan Tag HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!