in English
Überlauf
Verwenden Sie diese Kurzform-Dienstprogramme, um schnell zu konfigurieren, wie Inhalte ein Element überlaufen lassen.
Passen Sie die overflow
Eigenschaft spontan mit vier Standardwerten und Klassen an. Diese Klassen sind standardmäßig nicht responsiv.
Dies ist ein Beispiel für die Verwendung
.overflow-auto
auf einem Element mit festgelegten Breiten- und Höhenabmessungen. Dieser Inhalt wird standardmäßig vertikal gescrollt.
Dies ist ein Beispiel für die Verwendung
.overflow-hidden
auf einem Element mit festgelegten Breiten- und Höhenabmessungen.
Dies ist ein Beispiel für die Verwendung
.overflow-visible
auf einem Element mit festgelegten Breiten- und Höhenabmessungen.
Dies ist ein Beispiel für die Verwendung
.overflow-scroll
auf 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 $overflows
Variable 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,
),