| 类名 | 样式 |
|---|---|
| .-visible | 未找到 |
| .-invisible | 未找到 |
使用我们的可见性工具类设置元素的visibility。这些工具类不会修改display值，并且不会影响布局——.invisible元素仍然会占据页面空间。
具有 .invisible 类的元素将在视觉上和对辅助技术/屏幕阅读器用户 都 隐藏。
根据需要使用.visible或.invisible。
<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
CSS
Sass 工具 API
可见性工具在我们的工具 API 中声明于 scss/_utilities.scss。了解如何使用工具 API。
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
),