display:none与visibility:hidden的区别是什么

【display:none】与【visibility:hidden】的区别是：1、前者不为被隐藏的对象保留其物理空间，后者为被隐藏的对象保留其物理空间；2、前者值变成block的时候结构才会被加载进来，后者加载页面的同时就已经把它加载进来。

display:none 不为被隐藏的对象保留其物理空间

visibility：hidden 为被隐藏的对象保留其物理空间也就是display:;

当他的值变成block 的时候，它所在的结构才会被加载进来。

而visibility就会在加载页面的同时就已经把它加载进来了，因为他的值为hidden的时候，它所占的空间还在。

使用CSS display:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;

而使visibility:hidden属后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在

Tags 标签

加个好友，技术交流