水平滚动 - 语法高亮答案

【问题标题】：Horizontal scroll - syntaxhighlighter水平滚动 - 语法高亮
【发布时间】：2014-04-22 22:47:16
【问题描述】：

我一直在谷歌上搜索这个问题的解决方案，我已经很接近但仍然找不到问题......

我找到的最接近的解决方案是在这个站点但是：

我想要与这个人发布的完全相反：Automatic line break in js SyntaxHighlighter

他想要而不是水平条来分解代码，但我想要的是而不是分解代码来显示水平条。

我在多个项目中都使用过 SH，但到目前为止从未真正遇到过这个问题。

我已将它作为自定义主题中的插件安装在 wordpress 中，我修改了主题 css 文件和语法高亮文件 (.css)，但仍然没有发生任何事情。

这是截图

如果您有任何建议可能是什么问题，请告诉我 - 感谢任何帮助。

【问题讨论】：

在 SyntaxHighlighter 上几乎没有出现在 Google 搜索中的内容，无论是引用 WordPress 还是使用非 WordPress 网站的标准版本。因此，请继续为将来可能遇到类似问题的任何人写一个好的答案。

【解决方案1】：

我认为您正在寻找的是溢出和空白 css 属性的组合。

pre {overflow:scroll;}
.pre-wrap {white-space:pre-wrap;}

请看脚注here

【讨论】：

您好，感谢您的帮助。不幸的是，这并没有帮助但它让我知道问题可能出在哪里。浪费了一天半的时间，终于找到了问题所在，问题出在主.css文件中。我所要做的就是更改代码 { white-space: normal; } 编码 { white-space: nowrap;这真的很荒谬，但感谢您的帮助:)