Visibility
visibility CSS 属性显示或隐藏元素而不更改文档的布局。该属性还可以隐藏 <table> 中的行或列。
语法
| Class | 属性 | 描述 |
|---|---|---|
| visible | visibility: visible; | 元素框可见 |
| invisible | visibility: hidden; | 元素框不可见（不绘制），但仍然影响常规的布局 |
示例
visible
元素框可见
invisible
元素框不可见（不绘制），但仍然影响常规的布局。如果将其子元素的 visibility 设置为 visible，则该子元素依然可见。 元素无法获得焦点（例如通过 tab 索引进行键盘导航）。
注意: 设置 visibility 为 hidden，或设置 display 为 none 都可以隐藏元素。差异是通过 visibility 隐藏元素仍然占据页面位置，通过 display 隐藏元素不占据页面位置。