Limpahan

Gunakan utiliti trengkas ini untuk mengkonfigurasi cara kandungan melimpah unsur.

Laraskan overflowharta dengan cepat dengan empat nilai dan kelas lalai. Kelas ini tidak responsif secara lalai.

Ini adalah contoh penggunaan .overflow-autopada elemen dengan set lebar dan dimensi ketinggian. Dengan reka bentuk, kandungan ini akan menatal secara menegak.

Ini adalah contoh penggunaan .overflow-hiddenpada elemen dengan set lebar dan dimensi ketinggian.

Ini adalah contoh penggunaan .overflow-visiblepada elemen dengan set lebar dan dimensi ketinggian.

Ini adalah contoh penggunaan .overflow-scrollpada elemen dengan set lebar dan dimensi ketinggian.

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Menggunakan pembolehubah Sass, anda boleh menyesuaikan utiliti limpahan dengan menukar $overflowspembolehubah dalam _variables.scss.

Sass

API Utiliti

Utiliti limpahan diisytiharkan dalam API utiliti kami dalam scss/_utilities.scss. Ketahui cara menggunakan API utiliti.

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