CSS 可见性转换 - CSS

CSS 可见性转换允许您在网页上隐藏或显示不同的元素。这个功能非常有用，因为在某些情况下，您可能需要在网页上隐藏或显示一些元素，例如，当用户单击按钮时，显示一个元素，或者当用户滚动页面时，隐藏一个元素等等。

属性说明

• visibility: visible; : 元素可见。默认值。
• visibility: hidden; : 元素不可见，但元素仍然占据空间。
• visibility: collapse; : 适用于表格元素。元素被折叠，但仍保留表格的行和列。与 display: none; 不同，元素仍占据空间。

示例

显示一个元素

下面的代码将一个div元素设置为“可见”。

div {
  visibility: visible;
}

隐藏一个元素

下面的代码将一个div元素设置为“不可见”，但元素仍然占据空间。

div {
  visibility: hidden;
}

隐藏一个表格行

下面的代码将一个<tr>元素设置为“折叠”，但仍保留表格的行和列。

tr {
  visibility: collapse;
}

结尾语

CSS 可见性转换是一个非常有用的功能，允许您隐藏或显示元素，并且非常灵活，可以轻松地使用它来制作精美的网站。