如何在不修改HTML程式碼的情況下隱藏HTML中未標記的文字？

隱藏 HTML 程式碼中未標記的文字

問題：

HTML 程式碼包含缺少 HTML 標籤的文字。具體來說，

後面有一個「Enter」文字。需要隱藏的標籤。禁止透過用 HTML 標籤包裝程式碼來修改程式碼。

解決方案：

可以實現利用font-size 的CSS hack：

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

HTML:

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

在此方法中，.entry 類別有一個font-size 0，這有效地隱藏了其中的文本。然而，.entry 中的任何嵌套元素（例如 *）都會將其繼承的字體大小重設為其初始值，從而使這些元素中的文字再次可見。

此 CSS hack 有效地隱藏了「Enter」文本，而無需需要 HTML 標籤。

以上是如何在不修改HTML程式碼的情況下隱藏HTML中未標記的文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！