在 HTML 中隱藏未標記的文字
在 HTML 中,可以隱藏未包含在任何 HTML 標籤中的文字片段。此文字通常稱為“純文字”,對於使用傳統方法隱藏可能會帶來挑戰。
JavaScipt 或 CSS?
正如使用者所提到的,包裝div 或其他標籤中的文字是不切實際的。因此,需要探索 JavaScript 或 CSS 等替代方法。
CSS 駭客
隱藏純文字的一種有效CSS 駭客涉及操縱字體大小:
.entry { font-size: 0; } .entry * { font-size: initial; }
透過將容器div 的字體大小:
透過將容器div 的字體大小設定為零,該容器內的所有元素的字體大小也將為零,從而有效地隱藏它們。但是,為了恢復標記元素的可見性,第二個 CSS 規則將字體大小設定回其初始值,從而確保只有未標記的文字保持隱藏。
<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>
以上是如何使用 CSS 隱藏 HTML 中未標記的文字?的詳細內容。更多資訊請關注PHP中文網其他相關文章!