display:none和visibility:hidden区别

转载地址

1. display:none和visibility:hidden区别

1.1 作用不同

• display：none作用是将元素设置为无，即此时不占任何位置
• visibility：hidden作用是将该元素隐藏，仍然占据宽度

1.2 使用HTML之后元素的不同

• display：none使用之后元素不占据页面的位置，即width和height高度等属性为0
• visibility: hidden使用仍然占据元素的大小，即只是显示隐藏，实际仍然占据文档页面的位置，width、height属性部不为0。

1.3定义不同

• visibility属性指定一个元素是否是可见的。
• display这个属性用于定义建立布局时元素生成的显示框类型。