可视性(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,
)
)
返回顶部