Salta al contenuto principale Passa alla navigazione dei documenti
Check
in English

Troppo pieno

Usa queste utilità di scorciatoia per configurare rapidamente il modo in cui il contenuto fa overflow di un elemento.

Regola la overflowproprietà al volo con quattro valori e classi predefiniti. Queste classi non rispondono per impostazione predefinita.

Questo è un esempio di utilizzo .overflow-autosu un elemento con dimensioni di larghezza e altezza impostate. In base alla progettazione, questo contenuto scorrerà verticalmente.
Questo è un esempio di utilizzo .overflow-hiddensu un elemento con dimensioni di larghezza e altezza impostate.
Questo è un esempio di utilizzo .overflow-visiblesu un elemento con dimensioni di larghezza e altezza impostate.
Questo è un esempio di utilizzo .overflow-scrollsu un elemento con dimensioni di larghezza e altezza impostate.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Utilizzando le variabili Sass, è possibile personalizzare le utilità di overflow modificando la $overflowsvariabile in _variables.scss.

Sass

API di utilità

Le utilità di overflow sono dichiarate nella nostra API delle utilità in scss/_utilities.scss. Scopri come utilizzare l'API delle utilità.

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