in English
Перелив
Використовуйте ці скорочені утиліти для швидкого налаштування того, як вміст переповнює елемент.
Налаштуйте 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,
),