View on GitHub

溢出 (Overflow)

使用這些速記的通用類別快速配置內容溢出元素的方式。

使用四個預設的值與類別，即時的調整 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 變數，你可以透過更改 _variables.scss 中的 $overflows 變數以自定義溢出通用類別。

Sass

Utilities API

Overflow utilities are declared in our utilities API in scss/_utilities.scss. Learn how to use the utilities API.

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