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。

display:none和visibility:hidden的区别

display:none和visibility:hidden的区别在于：

display:none会将元素完全隐藏，不占据任何空间，即使在HTML代码中也不会显示出来；而visibility:hidden则是将元素隐藏，但仍然占据空间，即在HTML代码中仍然存在，只是不可见。

举个例子，如果一个div元素设置了display:none，那么它的宽度和高度都为，而如果设置了visibility:hidden，那么它的宽度和高度仍然存在，只是不可见。

因此，如果需要完全隐藏一个元素并且不占据空间，可以使用display:none；如果需要隐藏一个元素但仍然占据空间，可以使用visibility:hidden。