display: none;和visibility: hidden;

这两个属性都可以隐藏HTML元素，但它们的实现方式不同。

`display: none;`会使元素完全不显示，也不占据页面空间，相当于元素不存在。

`visibility: hidden;`会使元素不可见，但仍然占据页面空间，相当于元素存在但透明。

如果你想在隐藏元素时仍然保留页面布局，可以使用`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。