如何隐藏HTML中的div元素

通过一个例子来学习如何在html中隐藏div元素。

考虑一下，我们有一个如下的html元素。

<div class="box"> This is main heading</div>

现在，我们需要从网页中隐藏上述div元素。

使用 display:none

要在html中隐藏一个div元素，我们可以使用css的display: none 属性。

下面是一个例子。

<div style="display:none"> This is main heading</div>

当给html元素设置一个display: none ，它就会将该元素从网页上完全删除。

我们也可以使用class属性单独为div元素添加样式，而不是内联样式。

<div class="box"> This is main heading</div>

.box {
   display:none;
}

同样地，我们可以使用visibility: hidden 属性来隐藏一个div。

<div class="box"> This is main heading</div>

.box {
   visibility: hidden;
}

注意：如果我们使用visibility: hidden 来隐藏一个div，它会隐藏该div，但在网页中创建一个空的空间。

参考

• 如何隐藏HTML中的div元素，