in English
Přetékat
Použijte tyto zkrácené nástroje pro rychlou konfiguraci toho, jak obsah přeteče prvek.
Upravte overflow
vlastnost za běhu pomocí čtyř výchozích hodnot a tříd. Tyto třídy ve výchozím nastavení nereagují.
Toto je příklad použití
.overflow-auto
na prvku s nastavenými rozměry šířky a výšky. Podle návrhu se tento obsah bude svisle posouvat.
Toto je příklad použití
.overflow-hidden
na prvku s nastavenými rozměry šířky a výšky.
Toto je příklad použití
.overflow-visible
na prvku s nastavenými rozměry šířky a výšky.
Toto je příklad použití
.overflow-scroll
na prvku s nastavenými rozměry šířky a výšky.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
Pomocí proměnných Sass můžete upravit nástroje přetečení změnou $overflows
proměnné v _variables.scss
.
Sass
Utility API
Nástroje přetečení jsou deklarovány v našem rozhraní API pro nástroje v scss/_utilities.scss
. Naučte se používat rozhraní API utilit.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),