CSS visibility 属性

CSS 属性 visibility 用于控制元素的可见性。它有两个可能的取值：visible 和 hidden。

取值

• visible：元素是可见的。这是默认值。
• hidden：元素是隐藏的，但仍占据页面布局空间。

语法

----------- ---------------

示例代码

---------------- -
  ----------- --------
-

--------------- -
  ----------- -------
-

注意事项

• 当元素的可见性设置为 hidden 时，元素本身不可见，但它仍然存在于文档流中，仅仅是不可见。
• 元素的可见性设置为 hidden 时，元素不会显示在页面上，但是它仍然会占据布局空间，即使不可见也会影响其他元素的布局。
• 可以通过 JavaScript 动态地改变元素的可见性属性。

以上就是 CSS 属性 visibility 的详细介绍。在实际开发中，根据需要灵活运用这一属性，来控制页面元素的显示与隐藏。