本文摘自PHP中文网，作者hzc，侵删。
【display:none】与【visibility:hidden】的区别是：1、前者不为被隐藏的对象保留其物理空间，后者为被隐藏的对象保留其物理空间；2、前者值变成block的时候结构才会被加载进来，后者加载页面的同时就已经把它加载进来。
display:none 不为被隐藏的对象保留其物理空间
visibility：hidden 为被隐藏的对象保留其物理空间也就是display:;
当他的值变成block 的时候，它所在的结构才会被加载进来。
而visibility就会在加载页面的同时就已经把它加载进来了，因为他的值为hidden的时候，它所占的空间还在。
使用CSS display:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;
而使visibility:hidden属后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在
推荐教程： 《css教程》
以上就是display:none与visibility:hidden的区别是什么的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
Display:none与visibility:hidden的区别是什么
什么是visibility和Display属性？visibility和Display的区别有哪些
如何通过Display或visibility来实现html元素的显示与隐藏
如何使用html5的page visibility api来实现获取焦点js事件
更多相关阅读请进入《Display》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
