2021/04/06

Blogger で google code prettify を使うときに、コードが折り返されてしまう

一つ前の記事を投稿する際、コードを書きたくて「google code prettify」を使ったのですが、横スクロールバーが表示されず、コードが強制的に折り返されてしまう問題が発生しまして。

ググると、

pre.prettyprint {
    word-wrap: normal;
    overflow-x: auto;
}
という感じで書けばいいですよ、というのがいくつか出てくるのですが、おそらくベースのスタイルシートの設定か何かで、全然効かない。ってことで、Chromeの開発ツールなどを適当に触ってみていたところ、

pre.prettyprint {
    word-wrap: normal;
    overflow-x: auto;
    white-space: pre;
}
でできることがわかりました。white-space の設定が pre-wrap になっているテーマだとダメみたいです。

ということで、上の設定を、Bloggerの管理画面から「テーマ」→「カスタマイズ」→「詳細設定」→「CSSを追加(プルダウン)」に貼り付ければOKです。

0 件のコメント: