如何在不使用 HTML 标签的情况下隐藏 HTML 中的文本？-js教程-PHP中文网

如何在不使用 HTML 标签的情况下隐藏 HTML 中的文本？

Linda Hamilton

发布： 2024-12-03 06:28:10

原创

601 人浏览过

How Can I Hide Text in HTML Without Using HTML Tags?

在 HTML 中隐藏没有 HTML 标签的文本

问题：

考虑以下 HTML 代码：

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

登录后复制

需要隐藏“p”标签后面的文本“Enter”，但是用 HTML 标签将其括起来是不可行的。因此，需要替代解决方案，例如 CSS 或 JavaScript。

使用 CSS 的解决方案：

可以应用 CSS hack 来实现所需的结果：

.entry {
  font-size: 0;
}

.entry * {
  font-size: initial;
}

登录后复制

通过将父元素“.entry”的font-size设置为0，其所有子元素将继承相同的大小。但是，通过将“.entry”中所有子元素的字体大小设置回“initial”，它们将恢复原始字体大小，从而有效隐藏文本“Enter”。

HTML应用 CSS 的代码：

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

登录后复制

以上是如何在不使用 HTML 标签的情况下隐藏 HTML 中的文本？的详细内容。更多信息请关注PHP中文网其他相关文章！