Perpildymas

Naudokite šias sutrumpintas priemones, kad greitai sukonfigūruotumėte, kaip turinys perpildo elementą.

Greitai sureguliuokite overflownuosavybę naudodami keturias numatytąsias vertes ir klases. Šios klasės pagal numatytuosius nustatymus nereaguoja.

Tai pavyzdys, kaip naudoti .overflow-autoelementą su nustatytais pločio ir aukščio matmenimis. Pagal dizainą šis turinys slinks vertikaliai.

Tai pavyzdys, kaip naudoti .overflow-hiddenelementą su nustatytais pločio ir aukščio matmenimis.

Tai pavyzdys, kaip naudoti .overflow-visibleelementą su nustatytais pločio ir aukščio matmenimis.

Tai pavyzdys, kaip naudoti .overflow-scrollelementą su nustatytais pločio ir aukščio matmenimis.

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

Naudodami Sass kintamuosius galite tinkinti perpildymo programas pakeisdami $overflowskintamąjį _variables.scss.

Sass

Utilities API

Perpildymo komunalinės paslaugos nurodytos mūsų paslaugų API scss/_utilities.scss. Sužinokite, kaip naudoti paslaugų API.

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