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
Lepaskan: 2024-12-28 06:02:17
asal
804 orang telah melayarinya

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;
}
Salin selepas log masuk

HTML:

<div class="entry">
  <p class="page-header">
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan