Overflow

使用 Overflow 实用程序配置元素的内容溢出时的行为。

使用四个默认值和类动态调整 overflow 属性。默认情况下，这些类不是响应式的。

This is an example of using .overflow-auto on an element with set width and height dimensions. By design, this content will vertically scroll.

This is an example of using .overflow-hidden on an element with set width and height dimensions.

This is an example of using .overflow-visible on an element with set width and height dimensions.

This is an example of using .overflow-scroll on an element with set width and height dimensions.

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

使用 Sass 变量，您可以通过更改 _variables.scss 中的 $overflows 变量来自定义 Overflow 实用程序。

Sass

实用程序 API

Overflow 实用程序在 scss/_utilities.scss 中的实用程序 API 中声明。了解如何使用实用程序 API。

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