在 Blogspot 上通过滚动来突出显示语法答案

【问题标题】：Syntax Highlighting with scrolling at Blogspot在 Blogspot 上通过滚动来突出显示语法
【发布时间】：2011-12-12 07:42:38
【问题描述】：

我正在使用 blogspot.com。
我想让我的编码突出显示。
所以，我使用谷歌代码美化 api。

<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>

<pre class="prettyprint"> ... my coding place ... </pre>

一切都很好，但我想做滚动（比如 ., style="overflow-x: scroll"）

请让我知道我应该在哪里修改以在 blogspot.com 上滚动我的代码

【问题讨论】：

【解决方案1】：

对于寻求解决此问题的其他人 - 您应该结帐：

这是一个非常简单的“Blogger 语法高亮”教程，包含屏幕截图和所有内容。

您应该只需几分钟即可启动并运行。

【讨论】：

【解决方案2】：

添加到你的CSS

.codescroll {
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 500px;
}

然后你可以在前置元素中添加多个类:)

<pre class="prettyprint codescroll"> ... my coding place ... </pre>

这应该可以解决问题

【讨论】：

【解决方案3】：

不确定 Google 是否美化，但您可以使用 SyntaxHighlighter，只需稍加改动，您的代码就会看起来不错：http://www.simplethoughtsonline.com/2012/01/syntaxhighlighter-and-blogger.html

【讨论】：