百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> display:none与visibility:hidden的区别有哪些
分享文章到:

display:none与visibility:hidden的区别有哪些

发布时间:09/01 来源:未知 浏览: 关键词:
【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的区别有哪些的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板