语法通过在Blogspot滚动突出显示

Question

我正在使用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上滚动我的代码

Answer 1

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

http://oneqonea.blogspot.com/2012/04/how-do-i-add-syntax-highlighting-to-my.html

这是一个非常简单的“Blogger的SyntaxHighlighter”教程，包含截图和所有内容。

你应该在几分钟内启动并运行。

Answer 2

添加到您的CSS

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

然后你可以在pre元素中添加多个类：）

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

应该做的伎俩

Answer 3

不确定Google是否适合使用，但您可以使用SyntaxHighlighter，只需稍加更改，您的代码就会很好看：http://www.simplethoughtsonline.com/2012/01/syntaxhighlighter-and-blogger.html