• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搜讯息吧

display:none与visibility:hidden的区别是什么_html5教程,display,visibility

HTML ytg3114 3个月前 (06-27) 131次浏览 0个评论 扫描二维码

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

display:none与visibility:hidden的区别是什么_html5教程,display,visibility

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

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

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

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

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

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

推荐教程: 《css教程》

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


搜讯息 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:display:none与visibility:hidden的区别是什么_html5教程,display,visibility
喜欢 (0)
[1353713598@qq.com]
分享 (0)
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址