გადინება

გამოიყენეთ ეს სტენოგრამის უტილიტები, რათა სწრაფად დააკონფიგურიროთ, თუ როგორ ავსებს კონტენტი ელემენტს.

დაარეგულირეთ overflowსაკუთრება on the fly ოთხი ნაგულისხმევი მნიშვნელობებით და კლასებით. ეს კლასები ნაგულისხმევად არ პასუხობენ.

ეს არის ელემენტის გამოყენების მაგალითი .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.

სას

Utilities API

Overflow Utilities გამოცხადებულია ჩვენს Utilities API-ში scss/_utilities.scss. ისწავლეთ როგორ გამოიყენოთ Utilities API.

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