语法如下:
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/CSS