如何在不修改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中文网其他相关文章！