首页 > 代码库 > display:none vs visibility:hidden
display:none vs visibility:hidden
【display:none vs visibility:hidden】
设置元素的display为none是最常用的隐藏元素的方法。
1 .hide {2 display:none;3 }
将元素设置为display:none后,元素在页面上将彻底消失,元素本来占有的空间就会被其他元素占有,也就是说它会导致浏览器的重排和重绘。
设置元素的visibility为hidden也是一种常用的隐藏元素的方法,和display:none的区别在于,元素在页面消失后,其占据的空间依旧会保留着,所以它只会导致浏览器重绘而不会重排。
1 .hidden{2 visibility:hidden3 }
visibility:hidden适用于那些元素隐藏后不希望页面布局会发生变化的场景
参考:http://www.cnblogs.com/lrzw32/p/5191012.html
display:none vs visibility:hidden
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。