display:none 和 visibility:hidden 的区别：隐藏元素的两种方式

display:none; 和 visibility:hidden; 都可以用于隐藏元素，但它们有一些区别：

display:none; 会将元素完全从页面中移除，包括占用的空间，而 visibility:hidden; 只是将元素隐藏起来，但仍然占用空间。
当使用 display:none; 隐藏元素时，元素和它的所有子元素都不会在页面上显示，并且不会响应任何事件。而使用 visibility:hidden; 隐藏元素时，元素及其子元素仍然可以在页面上占据空间，并且可以响应事件。
使用 display:none; 隐藏元素时，元素在页面重新显示时会重新渲染，而使用 visibility:hidden; 隐藏元素时，元素在重新显示时不需要重新渲染。

总的来说，如果你希望彻底从页面中移除元素并且不占据空间，可以使用 display:none; 。如果你希望元素隐藏但仍然占据空间并且可以响应事件，可以使用 visibility:hidden; 。