google-code-prettify でレイアウトが崩れるとき

google-code-prettify はシンプルかつ自動でコードを装飾してくれる js 製のソースコードハイライタです。 ソースコードハイライタには沢山の種類がありますが、いずれのものもレイアウトが崩れる場合があります。 google-code-prettify でも例に漏れずレイアウトが崩れることがあります。

この問題が起きる原因の1つはタブです。タブを含むあるソースコード A を装飾した際には問題にならないのですが、 タブを含む別のソースコード B の時はレイアウトが崩れてしまいました。いずれのソースコードも半角スペースに変換してから装飾させるとレイアウトは崩れなくなりました。