可视性(Visibility)
通过可视性通用类别控制元素的能见度,不需要修改元素的实际空间。
On this page
使用可视性通用类别设置元素的visibility。这完全不会改变display的值,也不影响布局- .invisible元素仍会占用页面空间。
带有.invisible类别的元素,属性将都在视觉上与屏幕阅读器的用户中隐藏。
依需求使用.visible或.invisible。
<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
Sass
Utilities API
可见性实用程序在 scss/_utilities.scss的实用程序API中声明。
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
)