博客主要介绍了CSS中visibility:hidden和display:none的区别。visibility属性有visible和hidden等取值，其中hidden会使元素隐藏但仍占据空间；而display:none隐藏元素后，不会占据页面空间。
CSS的visibility:hidden和display:none的区别
1.visibility属性
取值
- visible 元素的默认值
- hidden 元素被隐藏，任然占据空间
2.visibility:hidden和display:none两种隐藏的区别
visibility:hidden隐藏后，仍然会占据页面空间
div{
width: 100px;
height: 100px;
background-color: skyblue;
}
<body>
<div style="visibility: hidden;"></div>
<div></div>
</body>
display:none隐藏后，不会占据页面空间
div{
width: 100px;
height: 100px;
background-color: skyblue;
}
<body>
<div style="display: none;"></div>
<div></div>
</body>
扫一扫
700
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
