关于display:none 和visibility:hidden 的区别

时间:2021-10-16 19:57:52
1.占据空间 :none 隐藏后不占据空间 visibility占据空间
2.回流与渲染:none产生回流与渲染 ? 可以通过oprea中的Profiler 工具测试。
display 和visibility的回流区别
回流 似乎是页面布局所需的时间
3.株连性:none 具有株连性 visibility没有。
也就是说如果设置了display:none 其子元素同样隐藏 但是visibility:hidden后 如果子元素有设置过 visibility:visible 那子元素不受父元素影响。