Bagaimana Saya Boleh Menyembunyikan Teks Tidak Bertanda dalam HTML Menggunakan CSS?

Menyembunyikan Teks Tidak Berteg dalam HTML

Dalam HTML, adalah mungkin untuk menyembunyikan serpihan teks yang tidak disertakan oleh mana-mana teg HTML. Teks ini, yang sering dirujuk sebagai "teks biasa", boleh memberikan cabaran untuk disembunyikan menggunakan kaedah konvensional.

JavaScipt atau CSS?

Seperti yang disebut pengguna, membalut teks dalam div atau tag lain adalah tidak praktikal. Oleh itu, kaedah alternatif seperti JavaScript atau CSS perlu diterokai.

Penggodaman CSS

Satu penggodaman CSS yang berkesan untuk menyembunyikan teks biasa melibatkan memanipulasi saiz fon:

.entry {
  font-size: 0;
}
.entry * {
  font-size: initial;
}

Dengan menetapkan saiz fon div bekas kepada sifar, semua elemen dalam bekas itu juga akan mempunyai saiz fon sifar, berkesan menyembunyikannya. Walau bagaimanapun, untuk memulihkan keterlihatan elemen berteg, peraturan CSS kedua menetapkan saiz fon kembali kepada nilai asalnya, dengan itu memastikan bahawa hanya teks tidak berteg kekal tersembunyi.

Contoh:

<div class="entry">
  <p class="page-header"><strong>Enter</strong></p>
  <p>something here</p>
  Enter (this will be hidden !!)
  <div class="subhead">another text here</div>
</div>

Dengan menggunakan penggodaman CSS pada HTML ini, teks "Enter" selepas teg "p" akan disembunyikan dengan berkesan, manakala teks yang lain dalam bekas tidak akan terjejas.

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