Переполнение
Используйте эти утилиты для быстрой настройки отображения в случае, когда контент выходит за пределы элемента.
Переполнение
Настройте свойство overflow на лету с четырьмя значениями и классами по умолчанию. Эти классы по умолчанию не реагируют.
Это пример использования
.overflow-auto для элемента с заданными размерами ширины и высоты. По задумке, это содержимое будет прокручиваться вертикально. Это пример использования
.overflow-hidden для элемента с заданными размерами ширины и высоты. Это пример использования
.overflow-visible для элемента с заданными размерами ширины и высоты. Это пример использования
.overflow-scroll для элемента с заданными размерами ширины и высоты. <divclass="overflow-auto">...</div><divclass="overflow-hidden">...</div><divclass="overflow-visible">...</div><divclass="overflow-scroll">...</div>overflow-x
Настройте свойство overflow-x, чтобы повлиять на переполнение содержимого по горизонтали.
.overflow-x-auto example on an element с заданными размерами ширины и высоты.
.overflow-x-hidden exampleдля элемента с заданными размерами ширины и высоты.
.overflow-x-visible example для элемента с заданными размерами ширины и высоты.
.overflow-x-scroll example on an element с заданными размерами ширины и высоты.
<divclass="overflow-x-auto">...</div><divclass="overflow-x-hidden">...</div><divclass="overflow-x-visible">...</div><divclass="overflow-x-scroll">...</div>overflow-y
Настройте свойство overflow-y, чтобы повлиять на переполнение содержимого по вертикали.
.overflow-y-auto пример для элемента с заданными размерами ширины и высоты. .overflow-y-hidden пример для элемента с заданными размерами ширины и высоты. .overflow-y-visible пример для элемента с заданными размерами ширины и высоты. .overflow-y-scroll пример для элемента с заданными размерами ширины и высоты. <divclass="overflow-y-auto">...</div><divclass="overflow-y-hidden">...</div><divclass="overflow-y-visible">...</div><divclass="overflow-y-scroll">...</div>Используя переменные Sass, Вы можете настроить утилиты переполнения, изменив переменную $overflows в _variables.scss.
CSS
Sass API утилиты
Утилиты переполнения объявлены в нашем API утилит в scss/_utilities.scss. Узнайте, как использовать API утилит.
"overflow":(property:overflow,values:autohiddenvisiblescroll,),"overflow-x":(property:overflow-x,values:autohiddenvisiblescroll,),"overflow-y":(property:overflow-y,values:autohiddenvisiblescroll,),