Wie CSS für prettify zuweisen (Syntax Highlighter)

Question

Ich verwendete prettify die Syntax Highlighter in meinem blog Ich habe erreicht, was ich will, ist Syntax Highlighter, aber ich muss die Breite anpassen und auch den Code in einigen zentralen Bereich zu dehnen.

Ich habe wie dieses "padding: 12px; width: 320px;" in diesem

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

Aber ich brauche verwendet perfekter Art und Weise hinzuzufügen, die die externen Ressourcen verschönern Code entsprechen.

Answer 1

Verwenden Sie eine CSS-Klasse und wenden Sie sie auf das Pre-Element an. Zum Beispiel:

css:

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

HTML:

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