препълване

Използвайте тези съкратени помощни програми за бързо конфигуриране как съдържанието препълва елемент.

Коригирайте overflowсвойството в движение с четири стойности и класове по подразбиране. Тези класове не отговарят по подразбиране.

Това е пример за използване .overflow-autoвърху елемент със зададени размери на ширина и височина. По дизайн това съдържание ще се превърта вертикално.

Това е пример за използване .overflow-hiddenвърху елемент със зададени размери на ширина и височина.

Това е пример за използване .overflow-visibleвърху елемент със зададени размери на ширина и височина.

Това е пример за използване .overflow-scrollвърху елемент със зададени размери на ширина и височина.

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

Използвайки променливи на Sass, можете да персонализирате помощните програми за препълване, като промените $overflowsпроменливата в _variables.scss.

дързък

API за помощни програми

Помощните програми за препълване са декларирани в нашия API за помощни програми в scss/_utilities.scss. Научете как да използвате API на помощните програми.

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