溢出

溢出-Bootstrap 5和Material Design 2.0

使用这些速记实用程序可以快速配置内容如何溢出元素。

基本例子

使用四个默认值和类别即时调整 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.

HTML


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

使用Sass变量，您可以通过更改 _variables.scss 中的 $ overflows 变量。