display:none和visibility

`display:none` 是 CSS 中的一个属性，它可以将 HTML 元素完全从页面中移除，包括其占据的空间。这意味着在使用 `display:none` 后，该元素将不再对其他元素产生影响，并且用户也看不到该元素。

`visibility:hidden` 是另一个 CSS 属性，它可以隐藏 HTML 元素，但是该元素仍然占据空间。这意味着在使用 `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。