Халих

Агуулга нь элемент хэрхэн хальж байгааг хурдан тохируулахын тулд эдгээр товчилсон хэрэгслийг ашиглана уу.

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.

Сасс

Utilities API

Overflow хэрэгслүүдийг манай хэрэгслүүдийн API-д зарласан scss/_utilities.scss. API хэрэгслүүдийг хэрхэн ашиглах талаар суралц.

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