Überlauf

Verwenden Sie diese Kurzform-Dienstprogramme, um schnell zu konfigurieren, wie Inhalte ein Element überlaufen lassen.

Passen Sie die overflowEigenschaft spontan mit vier Standardwerten und Klassen an. Diese Klassen sind standardmäßig nicht responsiv.

Dies ist ein Beispiel für die Verwendung .overflow-autoauf einem Element mit festgelegten Breiten- und Höhenabmessungen. Dieser Inhalt wird standardmäßig vertikal gescrollt.

Dies ist ein Beispiel für die Verwendung .overflow-hiddenauf einem Element mit festgelegten Breiten- und Höhenabmessungen.

Dies ist ein Beispiel für die Verwendung .overflow-visibleauf einem Element mit festgelegten Breiten- und Höhenabmessungen.

Dies ist ein Beispiel für die Verwendung .overflow-scrollauf einem Element mit festgelegten Breiten- und Höhenabmessungen.

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

Mithilfe von Sass-Variablen können Sie die Überlauf-Dienstprogramme anpassen, indem Sie die $overflowsVariable in ändern _variables.scss.

Sass

Dienstprogramme-API

Überlauf-Dienstprogramme werden in unserer Dienstprogramm-API in deklariert scss/_utilities.scss. Erfahren Sie, wie Sie die Utilities-API verwenden.

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