cssvisibility属性（css属性whitespace）

简介：

CSS（层叠样式表）是用于控制Web上文本、图像及其他元素的样式和布局的标准。其中一个CSS属性是CSS visibility属性，它控制元素是否可见。

多级标题：

一、CSS visibility属性是什么？

二、CSS visibility属性的取值

三、CSS visibility属性的具体使用

内容详细说明：

一、CSS visibility属性是什么？

CSS visibility属性决定了一个元素在页面上是否可见。这可以通过添加visible、hidden、collapse或inherit值来控制。如果设置为hidden，则元素将被隐藏，但它仍然会占用空间。然而，如果您把它设置为没有显示，那么元素将不再显示，而且也会释放出它所占据的空间。

二、CSS visibility属性的取值

visibility属性可以接受以下几个值：

visible：元素可见。这是默认值。

hidden：元素不可见，但元素的空间仍然存在。

collapse：被用于表格行和表格列组成的元素（table-row、table-row-group、table-header-group、table-footer-group或table-column、table-column-group），将被隐藏但是也不会保留任何空间。

inherit：继承元素父元素的visibility属性的值。

三、CSS visibility属性的具体使用

在许多情况下，您不希望某个元素在页面上显示，但仍然需要占据该元素应有的空间。这就是hidden值的意义，它隐藏了元素，并将其从可见区域移出，但仍占用适当的空间。

而使用visibility：hidden还有另一种好处，它避免了闪烁问题。例如，如果在页面加载期间需要在一个元素上进行修改或试验，这样可以避免它闪烁出现。

与之相反，display：none，则从文档流中完全删除了元素，因此不占用任何空间。它可以隐藏元素并且彻底地删除它们，但请记住，使用CSS visibility属性通常更好，因为您可以在不改变整个页面布局结构的情况下控制元素的可见性。