关于CSS属性display:none和visible:hidden的区别

最新推荐文章于 2024-10-04 13:52:58 发布

weixin_30715523

最新推荐文章于 2024-10-04 13:52:58 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Jonlee/archive/2005/11/27/285537.html

博客介绍了display:none和visible:hidden都有隐藏网页元素的功能。经实验，visible:hidden使对象不可见，但保留其在网页所占空间；display:none则让对象彻底消失，不占空间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

display:none和visible:hidden都是把网页上某个元素隐藏起来的功能，但两者有所区别，经过亲自实验，我发现使用visible:hidden属性会使对象不可见，但该对象在网页所占的空间没有改变（看不见但摸得到），等于留出了一块空白区域，而display:none属性会使这个对象彻底消失（看不见也摸不到）。

转载于:https://www.cnblogs.com/Jonlee/archive/2005/11/27/285537.html