在没有任何html标签的html中隐藏文本

一尘不染

在没有任何html标签的html中隐藏文本

html

我在下面有HTML代码，并且文本周围没有任何HTML。有什么方法可以隐藏 “ p”标记后 的文本“ Enter” ？

<div class="entry">
<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>
<p>&nbsp;</p>
Enter <-- i want to hide this text
<div class="subhead"></div>
</div>

无法用div或任何其他标签包装它，因此我需要一些不同的决定，例如JavaScript或CSS？

阅读 340

2020-05-10

共1个答案

一尘不染

我会考虑使用font-size的CSS hack：

.entry {

  font-size:0;

}

.entry * {

  font-size:initial;

}


<div class="entry">

<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>

<p>&nbsp; somethin here</p>

Enter (this will be hidden !!)

<div class="subhead">another text here</div>

</div>

另一个想法是visibility：

.entry {

  visibility:hidden;

}

.entry * {

  visibility:visible;

}


<div class="entry">

<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>

<p>&nbsp; somethin here</p>

Enter (this will be hidden !!)

<div class="subhead">another text here</div>

</div>

2020-05-10