display:none 和 visibility:hidden 是 CSS 中的两个样式声明，你可以用它们来隐藏屏幕上的元素。但它们之间有什么区别呢？ 在构建应用程序时，有些时候你想在视觉上隐藏元素（不是从 DOM 中删除它们，只是在屏幕上）。你可以用不同的方法来做这件事。 两种常见的方法包括使用值为 none 的 display 属性或值为 hidden 的 visibility 属性。 尽管这两种方法都在视觉上隐藏了元素，但它们使元素响应的方式不同。我将在本文中解释这些差异。 如果你有兴趣，这里有本文的视频版本 [https://youtu.be/nMq3U65wAdQ]。 我将通过下面的例子来解释这一切是如何进行。 HTML： div class="container" div class="block1"/div div class="block2"/div div class="block3"/div /div CSS： .container { padding: 20px; width: max-co