能见度

可见性-Bootstrap 5和Material Design 2.0

使用可见性实用程序控制元素的可见性,而无需修改显示。


基本例子

使用可见性实用程序设置元素的 visibility 。这些实用程序 类根本不会修改 display 的值,也不会影响布局– .invisible 元素仍占据页面空间。内容都将被隐藏 视觉上和辅助技术/屏幕阅读器用户。

根据需要应用 .visible .invisible


          <div class="visible">...</div>
          <div class="invisible">...</div>
        

          // Class
          .visible {
            visibility: visible !important;
          }
          .invisible {
            visibility: hidden !important;
          }