在js中,display:none和visibility:hidden都是把网页上某个元素隐藏起来的功能,但两者有所区别

经过亲自实验,我发现使用 visibility:hidden属性会使对象不可见,但该对象在网页所占的空间没有改变(看不见但摸得到),等于留出了一块空白区域

而 display:none属性会使这个对象彻底消失(看不见也摸不到)