[分享]css中div的隐藏

在CSS中，我们可以轻松地通过设置display属性将一个div元素隐藏起来。display属性可以决定一个元素是否被展示，有以下几个常用的属性： display: block; // 块级元素，占据...

在CSS中，我们可以轻松地通过设置display属性将一个div元素隐藏起来。display属性可以决定一个元素是否被展示，有以下几个常用的属性：

 display: block;   // 块级元素，占据一行，独自占用一行
    display: inline;  // 行内元素，只占据自己的位置
    display: inline-block;  // 行内块级元素，占据自己的位置，但是可以设置宽高等属性
    display: none;   // 隐藏元素，不占据空间 

我们可以使用display: none;将一个div元素隐藏起来，同时不影响其他元素的排布。例如：

 <div id="myDiv">这是一个需要隐藏的div元素</div>
    
    #myDiv {
        display: none;
    } 

上述代码中，我们给id为myDiv的元素设置了display: none;，这个div元素就被隐藏起来了。

需要注意的是，虽然使用display: none;隐藏元素，但是该元素依然存在于HTML文档中，只是不占据空间而已。如果我们需要重新展示这个元素，只需要将display属性设为其他值即可（如display: block;）。