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


本文摘自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:inline是什么意思?

css行级元素和块级元素之间怎么转换

visibility:hidden是什么意思

css里的Display属性有啥作用

什么是visibility和Display属性?visibility和Display的区别有哪些

css的Display属性有哪些

Display:none是什么意思

css中的Display属性有哪些值?各有什么作用?

如何通过Display或visibility来实现html元素的显示与隐藏

css怎么使用Display显示隐藏元素

更多相关阅读请进入《Display》频道 >>




打赏

取消

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

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

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

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...