当前位置:  首页  >  前端开发  >  CSS+DIV

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

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

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

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

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

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

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

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

推荐教程: 《css教程》

以上就是display:none与visibility:hidden的区别是什么的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | json解析格式化 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有