能见度
可见性-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;
}