我在下面有HTML代码,并且文本周围没有任何HTML。有什么方法可以隐藏 “ p”标记后 的文本“ Enter” ?
<div class="entry"> <p class="page-header" style="text-align: center;"><strong>Enter</strong></p> <p> </p> Enter <-- i want to hide this text <div class="subhead"></div> </div>
无法用div或任何其他标签包装它,因此我需要一些不同的决定,例如JavaScript或CSS?
我会考虑使用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> somethin here</p> Enter (this will be hidden !!) <div class="subhead">another text here</div> </div>
另一个想法是visibility:
visibility
.entry { visibility:hidden; } .entry * { visibility:visible; } <div class="entry"> <p class="page-header" style="text-align: center;"><strong>Enter</strong></p> <p> somethin here</p> Enter (this will be hidden !!) <div class="subhead">another text here</div> </div>