使用可见性工具类来控制 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; }