我正在可视化一个日志文件,该文件是从服务器上分段检索的。每件作品都有一个<pre>
元素。当日志内容比<pre>
元素宽时,浏览器窗口会显示一个水平滚动条,这是理想的。
然而,在更复杂的场景中(涉及Bootstrap(,当内容比<pre>
元素宽时,滚动条会出现在<pre>
元素本身上,这并不理想(因为可能有很多滚动条,每个滚动条都有自己的滚动条(。
有人能告诉我如何确保在这两种情况下滚动条都出现在浏览器窗口上吗?
已解决。
这个问题是在包含引导CSS时引发的。<pre>
CSS的病因变化为。。
//
// Contain overflow in all browsers.
//
pre {
overflow: auto;
}
它按照锡上写的做,为我的班级设置overflow: visible
就成功了。有趣的是,仅仅设置overflow-z
是不够的。