跳到主要內容 跳到文檔導航
Check
in English

溢出

使用這些速記實用程序來快速配置內容如何溢出元素。

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.

薩斯

實用程序 API

溢出實用程序在我們的實用程序 API 中聲明scss/_utilities.scss了解如何使用實用程序 API。

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