使用范围隐藏

Question

这个问题可能看起来很奇怪，但是将一组元素全部包装在一个范围内在技术上是不正确的。这样就可以根据要求隐藏和显示跨度。我只问，因为那样你就可以更好地控制你想藏在哪里。

<did> this is a blog post</div>
<h3>title</h3>
<p>blah blah  blah blah blah<p>
<p>blah blah  blah <span class="hidden">blah blah<p>
<p>blah blah  blah blah blah<p>
<p>blah blah  blah blah blah<p>
<p>blah blah  blah blah blah<p></span>

当我能够对 HTML 进行硬编码时，这已经奏效了。 但是当我尝试将跨度包装在某些元素周围时，它不会将其包装得比最近的关闭标签更远。有什么想法吗？或者有什么更好的主意吗？

Answer 1

<span>是一个内联元素，只能包含在其他元素中，如abbr、strong或tt。

您可以使用div作为外部元素轻松执行假装的操作。

<div style="display: none">
   all this info
   <span>will be hidden</span>
   <p /> from view until
   <br /> you change the div visibility
</div>

Answer 2

不，这不是不正确的。实际上，这种技术通常用于现代网站，以隐藏小文本框或帮助程序提示。请记住，span 标签是内联的，而不是块元素，因此您可能需要尝试使用 CSS 中明确具有"display=inline-block"的div 标签。