如何为美化指定css（语法荧光笔）

Question

我在我的blog中使用了美化语法荧光笔我实现了我想要的语法高亮显示但我需要调整宽度并且还想在某个中心区域拉伸代码。

我在这个

中使用了这个"padding: 12px; width: 320px;"

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

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

Answer 1

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

的CSS：

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

HTML：

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