CSS display:none和visibility:hidden的区别

最新推荐文章于 2022-03-16 18:43:00 发布

jiaqi2016

最新推荐文章于 2022-03-16 18:43:00 发布

阅读量257

点赞数

分类专栏：备忘

本文链接：https://blog.csdn.net/u010507920/article/details/52653725

版权

备忘专栏收录该内容

23 篇文章 0 订阅

订阅专栏

visibility和display两个属性都有隐藏元素的功能，display:none和visibility:hidden的区别，简单的总结一句话就是：visibility:hidden隐藏，但在浏览时保留位置；而display:none视为不存在，且不加载！
1、visibility:hidden--为隐藏的对象保留其物理空间
HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。
2、display: none--不为被隐藏的对象保留其物理空间
HTML元素（对象）的宽度、高度等各种属性值都将“丢失”