CSS在pre标签上显示垂直滚动条

标签 css scrollbar overflow

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

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

编辑

在 Mac 上 - OSX

最佳答案

http://jsfiddle.net/UTYzd/

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

分词 分词 空白

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

关于CSS在pre标签上显示垂直滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12418855/

相关文章:

html - float 如何影响背景颜色?

apache-flex - DataGrid itemEditor 中的下拉列表中的滚动条不起作用

html - Safari 浏览器中表格的滚动条问题

css - 如何将背景图像溢出屏幕

c - 我无法理解为什么字符串比较结果显示为假阴性?

css - 可拖动剑道窗口内的子 div 不应滚动

javascript - 动态更新线性渐变 CSS

css - 为什么 flex-direction 在没有显示 : flex being specified? 的情况下工作

html - 截断时使绝对定位元素滚动

css - mySQL 数据输出到两列