Ülevool

Kasutage neid kiirutiliite, et kiiresti konfigureerida, kuidas sisu elemendist üle voolab.

Reguleerige overflowatribuuti jooksvalt nelja vaikeväärtuse ja -klassiga. Need klassid ei reageeri vaikimisi.

See on näide kasutamisest .overflow-autoelemendil, mille laiuse ja kõrguse mõõtmed on määratud. Disaini järgi keritakse seda sisu vertikaalselt.

See on näide kasutamisest .overflow-hiddenelemendil, mille laiuse ja kõrguse mõõtmed on määratud.

See on näide kasutamisest .overflow-visibleelemendil, mille laiuse ja kõrguse mõõtmed on määratud.

See on näide kasutamisest .overflow-scrollelemendil, mille laiuse ja kõrguse mõõtmed on määratud.

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

Sassi muutujaid kasutades saate kohandada ülevooluutiliite, muutes $overflowsmuutujat _variables.scss.

Sass

Utiliidide API

Ülevoolu utiliidid on deklareeritud meie utiliitide API-s scss/_utilities.scss. Siit saate teada, kuidas utiliitide API-t kasutada.

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