我正在尝试整合 Highlight.js与博主。到目前为止，语法突出显示效果很好，但我似乎无法找到一种方法来防止 <pre><code> 中的代码行自动换行的元素。我需要的是让浏览器显示水平滚动条。
我在博客模板中添加了以下内容，在 <head> 的末尾，如网站中所述:
<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/solarized_dark.min.css' rel='stylesheet'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/highlight.min.js'/>
<script type='text/javascript'>
hljs.initHighlightingOnLoad();
</script>
我所有的使用实例是:
<pre><code class='cpp'>
// code here; 'class' changed according to language.
</code></pre>
我尝试编辑 Highlight.js CSS 文件但没有成功。我也试过设置 pre和 code款式 overflow-x属性(property)scroll没有任何变化。我的猜测是 Blogger 会全局覆盖该属性。
有谁知道解决这个问题并避免代码行在代码区域末尾换行/中断，而是显示水平滚动条的方法吗？
最佳答案
这对我有用
.hljs {
white-space: pre;
overflow-x: auto;
}
关于javascript - Highlight.js 与 Blogger : can't disable auto line wrap，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31152421/