GitHub で表示

オーバーフロー

これらの略記ユーティリティを使用して、コンテンツが要素からどのようにオーバーフローするかを迅速に構成します。

一般的な overflow 機能は、デフォルトで 2 つの値で提供され、応答しません。

これは、幅と高さの寸法が設定された要素に .overflow-auto を使用している例です。この設計では、このコンテンツは垂直にスクロールします。

これは、幅と高さの寸法が設定された要素に .overflow-hidden を使用している例です。

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

Sass 変数を使用すると、_variables.scss 内の $overflows 変数を変更することでオーバーフローユーティリティをカスタマイズできます。