跳到主要内容 跳到文档导航
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,
    ),