使用可见性工具类来控制 HTML 元素的可见性,并且不会修改 display 属性。
使用可见性工具类可以设置 HTML 元素的 visibility (可见性)。这些工具类完全不会修改 display 属性的值,并且不影响布局(设置了 .invisible 类的页面元素仍然会占据页面上的空间 )。
.invisible 类的页面元素,在视觉上以及对使用辅助技术/屏幕阅读器的用户来说 都是 隐藏的。根据需要使用 .visible 或 .invisible。
<div class="visible">...</div> <div class="invisible">...</div>
// Class
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}