Preliv

Uporabite te skrajšane pripomočke za hitro konfiguriranje, kako vsebina prekriva element.

Prilagodite overflowlastnost sproti s štirimi privzetimi vrednostmi in razredi. Ti razredi privzeto niso odzivni.

To je primer uporabe .overflow-autona elementu z nastavljenimi dimenzijami širine in višine. Po zasnovi se bo ta vsebina pomikala navpično.

To je primer uporabe .overflow-hiddenna elementu z nastavljenimi dimenzijami širine in višine.

To je primer uporabe .overflow-visiblena elementu z nastavljenimi dimenzijami širine in višine.

To je primer uporabe .overflow-scrollna elementu z nastavljenimi dimenzijami širine in višine.

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Z uporabo spremenljivk Sass lahko prilagodite pripomočke za prelivanje tako, da spremenite $overflowsspremenljivko v _variables.scss.

Sass

API za pripomočke

Pripomočki Overflow so navedeni v našem API-ju za pripomočke v scss/_utilities.scss. Naučite se uporabljati API za pripomočke.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),