visibility

描述

visibility CSS 属性显示或隐藏元素而不更改文档的布局。该属性还可以隐藏 <table> 中的行或列。

效果展示

语法

/* Keyword values */
visibility: visible;
visibility: hidden;
visibility: collapse;

值

• visible 元素框可见。
• hidden 元素框是不可见的（未绘制），但仍然正常影响布局。如果将 visibility 设置为 visible ，则该元素的后代将可见。该元素无法接收焦点（例如在选项卡索引中导航时）。
• collapse collapse 关键字对于不同的元素有不同的效果：对于 <table> 行、列、列组和行组，行或列被隐藏，并且它们原本占用的空间被删除（就像 display: none 应用于表的列/行）。但是，仍会计算其他行和列的大小，就像折叠的行或列中的单元格存在一样。该值允许从表中快速删除行或列，而无需强制重新计算整个表的宽度和高度。折叠的弹性项目和 ruby​​ 注释被隐藏，并且它们占用的空间被删除。对于其他元素， collapse 的处理方式与 hidden 相同。