Przelewowy

Użyj tych skróconych narzędzi do szybkiego konfigurowania sposobu, w jaki zawartość przepełnia element.

Dostosuj overflowwłaściwość w locie za pomocą czterech domyślnych wartości i klas. Te klasy domyślnie nie reagują.

To jest przykład użycia .overflow-autona elemencie z ustawionymi wymiarami szerokości i wysokości. Zgodnie z projektem ta zawartość będzie przewijana w pionie.

To jest przykład użycia .overflow-hiddenna elemencie z ustawionymi wymiarami szerokości i wysokości.

To jest przykład użycia .overflow-visiblena elemencie z ustawionymi wymiarami szerokości i wysokości.

To jest przykład użycia .overflow-scrollna elemencie z ustawionymi wymiarami szerokości i wysokości.

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

Używając zmiennych Sass, możesz dostosować narzędzia przepełnienia, zmieniając $overflowszmienną w _variables.scss.

Sass

Narzędzia API

Narzędzia przepełnienia są deklarowane w naszym interfejsie API narzędzi w scss/_utilities.scss. Dowiedz się, jak korzystać z interfejsu API narzędzi.

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