可视性(Visibility)

通过可视性通用类别控制元素的能见度,不需要修改元素的实际空间。

On this page

使用可视性通用类别设置元素的visibility。这完全不会改变display的值,也不影响布局- .invisible元素仍会占用页面空间。

带有.invisible类别的元素,属性将都在视觉上与屏幕阅读器的用户中隐藏。

依需求使用.visible或.invisible。

baseline后面还有一个隐藏的元素
<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,
        )
        )
        
返回顶部