首頁 >web前端 >css教學 >如何在不使用標籤的情況下隱藏 HTML 中的文字?

如何在不使用標籤的情況下隱藏 HTML 中的文字?

Susan Sarandon
Susan Sarandon原創
2024-12-24 08:43:13702瀏覽

How Can I Hide Text in HTML Without Using Tags?

在沒有標籤的情況下隱藏 HTML 中的文字

儘管某些文字周圍沒有 HTML 標籤,但可以使用 CSS 技巧來隱藏它。在下面的程式碼片段中,需要隱藏“p”標籤中的文字“Enter”。

<div>

一個CSS hack涉及操縱字體大小:

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

透過將「entry」類別的字體大小設為0,其中的所有元素將變得不可見。然而,第二個規則中的「*」選擇器將字體大小重設為其初始值,使所有元素再次可見,除了直接位於「entry」類別中的元素。因此,“p”標籤之間的“Enter”文字將被有效隱藏。

以上是如何在不使用標籤的情況下隱藏 HTML 中的文字?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn