display:none与visibility:hidden的区别是什么
程序员文章站
2022-03-04 10:34:38
...
【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的区别是什么的详细内容,更多请关注其它相关文章!
推荐阅读
-
解决CSS中 display 与 visibility 的区别
-
visibility:hidden和display:none的区别解析
-
display:none和visibility:hidden两者的区别
-
display:none与visibility:hidden不同的隐藏
-
display: none与visibility: hidden的区别
-
display:none与visibility:hidden不同的隐藏
-
css中关于display:none与visible:hidden的具体区别详解
-
display:none与visibility:hidden之间有哪些区别
-
HTML5 的 hidden="hidden" 和CSS的 display:none有什么区别?
-
display:none;与visibility:hidden;的区别_html/css_WEB-ITnose