Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menyembunyikan Teks Tidak Bertanda dalam HTML Tanpa Mengubah Suai Kod HTML?

Bagaimanakah Saya Boleh Menyembunyikan Teks Tidak Bertanda dalam HTML Tanpa Mengubah Suai Kod HTML?

DDD
DDDasal
2024-12-28 06:02:17809semak imbas

How Can I Hide Unmarked Text in HTML Without Modifying the HTML Code?

Menyembunyikan Teks Tidak Bertanda Dalam Kod HTML

Masalah:

Kod HTML mengandungi teks yang tidak mempunyai teg HTML. Khususnya, terdapat teks "Enter" berikutan

tag yang perlu disembunyikan. Mengubah suai kod dengan membungkusnya dengan teg HTML adalah dilarang.

Penyelesaian:

Godam CSS menggunakan saiz fon boleh dilaksanakan:

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

HTML:

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

Dalam kaedah ini, kelas .entry mempunyai saiz fon daripada 0, yang menyembunyikan teks di dalamnya dengan berkesan. Walau bagaimanapun, mana-mana elemen bersarang dalam .entry (cth., *) mempunyai set semula saiz fon yang diwarisi kepada nilai awalnya, menjadikan teks dalam elemen tersebut kelihatan semula.

Godam CSS ini menyembunyikan teks "Enter" dengan berkesan tanpa keperluan untuk tag HTML.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn