Pom kev

Tswj lub visibility ntawm cov ntsiab lus, yam tsis tau hloov kho lawv cov zaub, nrog rau cov khoom siv visibility.

Teeb cov visibilityntsiab lus nrog peb cov khoom siv pom kev pom. Cov chav kawm siv hluav taws xob no tsis hloov pauv tus displaynqi ntawm txhua qhov thiab tsis cuam tshuam rau kev teeb tsa - .invisiblecov ntsiab lus tseem siv qhov chaw hauv nplooj ntawv.

Cov ntsiab lus nrog cov .invisiblechav kawm yuav muab zais ob qho tib si pom thiab rau cov neeg siv thev naus laus zis / tshuaj ntsuam nyeem ntawv.

Thov .visiblelos yog .invisibleraws li xav tau.

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

Sass

Utilities API

Kev pom kev siv hluav taws xob tau tshaj tawm hauv peb cov khoom siv hluav taws xob API hauv scss/_utilities.scss. Kawm paub siv cov khoom siv hluav taws xob API li cas.

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )