visibility 属性是 CSS 中用于设置元素可见性的属性。它控制一个元素在布局中是否可见,以及是否占据空间。

语法如下:
visibility: visible | hidden | collapse | inherit;

常见的取值包括:

  •  visible:默认值,元素可见。

  •  hidden:元素不可见,但仍占据布局空间。

  •  collapse:仅用于表格元素,使表格行或列在显示时被折叠。

  •  inherit:继承父元素的 visibility 值。


下面是一个简单的例子,演示了如何使用 visibility:
.hidden-element {
  visibility: hidden; /* 元素不可见,但仍占据空间 */
}

.collapsed-table {
  visibility: collapse; /* 表格行或列折叠 */
}

在这个例子中,.hidden-element 类的元素不可见,但仍占据布局空间。.collapsed-table 类的元素使用 collapse 值,这个值通常用于表格,会使表格行或列在显示时被折叠。请注意,对非表格元素使用 collapse 是没有效果的。


转载请注明出处:http://www.zyzy.cn/article/detail/4271