可視性(Visibility)
通過可視性通用類別控制元素的能見度,不需要修改元素的實(shí)際空間。
On this page
使用可視性通用類別設(shè)置元素的visibility。這完全不會(huì)改變display的值,也不影響布局- .invisible元素仍會(huì)占用頁面空間。
帶有.invisible類別的元素,屬性將都在視覺上與屏幕閱讀器的用戶中隱藏。
依需求使用.visible或.invisible。
<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
Sass
Utilities API
可見性實(shí)用程序在 scss/_utilities.scss的實(shí)用程序API中聲明。
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
)