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

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

Susan Sarandon
發布: 2024-12-24 08:43:13
原創
696 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板