Desbordamento

Use estas utilidades abreviadas para configurar rapidamente como o contido desborda un elemento.

Axusta a overflowpropiedade sobre a marcha con catro valores e clases predeterminados. Estas clases non responden por defecto.

Este é un exemplo de uso .overflow-autonun elemento con dimensións de ancho e alto definidas. Por deseño, este contido desprazarase verticalmente.

Este é un exemplo de uso .overflow-hiddennun elemento con dimensións de ancho e alto definidas.

Este é un exemplo de uso .overflow-visiblenun elemento con dimensións de ancho e alto definidas.

Este é un exemplo de uso .overflow-scrollnun elemento con dimensións de ancho e alto definidas.

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

Usando variables Sass, pode personalizar as utilidades de desbordamento cambiando a $overflowsvariable en _variables.scss.

Sass

API de utilidades

As utilidades de desbordamento decláranse na nosa API de utilidades en scss/_utilities.scss. Aprende a usar a API de utilidades.

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