在GitHub上查看

Visibility 显示隐藏

控制元素的可见性,而不修改它们的显示,使用可见性实用工具。

使用可见性实用工具设置元素的 visibility。这些实用工具类根本不会修改 display 值,也不会影响布局 – .invisible 元素仍然占据页面的空间。

带有 .invisible 类的元素在视觉上和对于辅助技术/屏幕阅读器用户来说都是隐藏的。

根据需要应用 .visible.invisible

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}