display:none和visible:hidden
相同点:都能把网页上某个元素隐藏起来。
不用点:
display:none
不为被隐藏的对象保留其物理空间,
即该对象在页面上彻底消失,
通俗来说就是看不见也摸不到。
渲染时不再占据任何空间,
会让元素完全从渲染树中消失 (DOM树)。
visible:hidden;使对象在网页上不可见,但该对象在网页上所占的空间没有改变,
通俗来说就是看不见但摸得到。
渲染元素继续占据空间,只是内容不可见,不能点击。
display:none和visible:hidden
相同点:都能把网页上某个元素隐藏起来。
不用点:
display:none
不为被隐藏的对象保留其物理空间,
即该对象在页面上彻底消失,
通俗来说就是看不见也摸不到。
渲染时不再占据任何空间,
会让元素完全从渲染树中消失 (DOM树)。
visible:hidden;使对象在网页上不可见,但该对象在网页上所占的空间没有改变,
通俗来说就是看不见但摸得到。
渲染元素继续占据空间,只是内容不可见,不能点击。