Ugrás a fő tartalomhoz Ugrás a dokumentumok navigációjához
Check
in English

Túlcsordulás

Ezekkel a gyorsírási segédprogramokkal gyorsan beállíthatja, hogy a tartalom hogyan töltsön túl egy elemet.

Állítsa overflowbe a tulajdonságot menet közben négy alapértelmezett értékkel és osztállyal. Ezek az osztályok alapértelmezés szerint nem reagálnak.

Ez egy példa a .overflow-autobeállított szélességű és magasságú elemen történő használatára. Tervezés szerint ez a tartalom függőlegesen gördül.
Ez egy példa a .overflow-hiddenbeállított szélességű és magasságú elemen történő használatára.
Ez egy példa a .overflow-visiblebeállított szélességű és magasságú elemen történő használatára.
Ez egy példa a .overflow-scrollbeállított szélességű és magasságú elemen történő használatára.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

A Sass-változók használatával testreszabhatja a túlcsordulási segédprogramokat a változó $overflowsmegváltoztatásával _variables.scss.

Sass

Utilities API

A túlcsordulási segédprogramok a segédprogramok API-jában vannak deklarálva scss/_utilities.scss. Ismerje meg a segédprogramok API használatát.

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