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这个属性用于定义建立布局时元素生成的显示框类型。