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

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

問題：

考慮以下HTML 代碼：

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

考慮以下HTML 代碼：

考慮以下HTML 代碼：

考慮以下HTML 代碼：

.entry {
  font-size: 0;
}

.entry * {
  font-size: initial;
}

考慮以下HTML 代碼：

考慮以下HTML 代碼：

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

需要隱藏“p”標籤後面的文字“Enter”，但用HTML標籤將其括起來是不可行的。因此，需要替代解決方案，例如 CSS 或 JavaScript。 使用CSS 的解決方案：可以應用CSS hack 來實現所需的結果：透過將父元素「. entry」的font-size設定為0，其所有子元素將繼承相同的大小。但是，透過將“.entry”中所有子元素的字體大小設為“initial”，它們將恢復原始字體大小，從而有效隱藏文字“Enter”。 HTML應用 CSS 的程式碼：

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