如何为美化（语法荧光笔）分配 css

Question

我在我的blog中使用了美化语法荧光笔我已经实现了我想要的语法荧光笔但是我需要调整宽度并且还想在一些中心区域拉伸代码。

我在这个

中用过这样的"padding: 12px; width: 320px;"

<pre class="prettyprint" style="padding: 12px; width: 320px;">
</pre>

但我需要添加更完美的方式来匹配美化代码的外部资源。

Answer 1

使用 css class 并将其应用于 pre 元素。例如：

css:

.blogCodeContainer{
    padding: 12px; 
    width: 320px;
}

HTML:

<pre class="prettyprint blogCodeContainer">
</pre>

How to assign css for prettify(syntax highlighter)