下列说法正确的是() display:none;不为被隐藏的对象保留其物理空 visibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明 visibility:hidden;产生reflow和repaint visibility:hidden;与display:none;两者没有本质上的区别
时间: 2023-06-24 14:02:58 浏览: 334
正确的说法是:`visibility:hidden;`所占据的空间位置仍然存在,仅为视觉上的完全透明。`visibility:hidden;`不会产生reflow和repaint,而`display:none;`会使元素不占据空间位置,并且会引起reflow和repaint。`visibility:hidden;`和`display:none;`的区别在于前者在视觉上是隐藏的但是仍然占据空间位置,后者在视觉上和空间上都被隐藏了。
相关问题
display:none 和 visibility:hidden
display:none和visibility:hidden的区别在于:
display:none会将元素完全隐藏,不占据任何空间,即使在HTML代码中也不会显示出来;而visibility:hidden则是将元素隐藏,但仍然占据空间,即在HTML代码中仍然存在,只是不可见。
举个例子,如果一个div元素设置了display:none,那么它的宽度和高度都为,而如果设置了visibility:hidden,那么它的宽度和高度仍然存在,只是不可见。
因此,如果需要完全隐藏一个元素并且不占据空间,可以使用display:none;如果需要隐藏一个元素但仍然占据空间,可以使用visibility:hidden。
display:none和visibility:hidden
display:none和visibility:hidden的区别在于:
display:none会将元素完全隐藏,不占据任何空间,即使在HTML代码中也不会显示出来;而visibility:hidden则是将元素隐藏,但仍然占据空间,即在HTML代码中仍然存在,只是不可见。
举个例子,如果一个div元素设置了display:none,那么它的宽度和高度都为,而如果设置了visibility:hidden,那么它的宽度和高度仍然存在,只是不可见。
因此,如果需要完全隐藏一个元素并且不占据空间,可以使用display:none;如果需要隐藏一个元素但仍然占据空间,可以使用visibility:hidden。