CSS在预标记上显示垂直滚动条

Question

当running latest version 21标记的内容溢出时，我试图让Chrome pre中显示垂直滚动条。我无法实际显示垂直滚动条。

请参阅此jsFiddle：http://jsfiddle.net/justink101/2tJmC/

修改

在Mac上 - OSX

Answer 1

http://jsfiddle.net/UTYzd/

您正在从外部文件加载css：bootstrap-combined.min.css 尝试更改以下内容：

word-break word-wrap white-space

pre {
    height: auto;
    max-height: 200px;
    overflow: auto;
    background-color: #eeeeee;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: pre !important;
}​

Answer 2

您可以尝试使用'div'包装'pre'部分标记，并在该div上应用CSS。

这是jsfiddle。