在HTML中创建一个不占用任何空间的隐藏div

在本教程中，我们将通过实例学习如何在html中创建一个不占用任何空间的隐藏div。

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

<div> This is main heading</div>

现在，我们需要隐藏上述div，并且不占用网页中的任何空间。

使用 display:none

为了创建一个不占用任何空间的隐藏div，我们可以在HTML中使用cssdisplay: none 属性。

下面是一个例子。

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

当给html元素设置一个display: none ，它可以将该元素完全从网页中移除，不占用任何空间。

你也可以使用class属性单独添加样式。

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

.box {
   display:none;
}

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