Bootstrap从入门到项目实战
上QQ阅读APP看书,第一时间看更新

5.9 内容溢出

在Bootstrap 4中定义了以下两个类来处理内容溢出的情况。

■ .overflow-auto:在固定宽度和高度的元素上,如果内容溢出了元素,将生成一个垂直滚动条,通过滚动滚动条可以查看溢出的内容。

■ .overflow-hidden:在固定宽度和高度的元素上,如果内容溢出了元素,溢出的部分将被隐藏。

【例5.25】内容溢出示例。

在IE 11浏览器中运行结果如图5-29所示。

图5-29 内容溢出效果