preでスクロールを表示
このブログではgoogle-code-prettifyでコードハイライトをしています。
ハイライトさせたいコードを
で囲むのですが、
1行に長いコードを記述した場合、コードが見えなくなってしまう場合があったので、
スクロールを表示させる表示スタイルシートを変更してみました。こちらのブログエントリーを参考にさせていただきました。
英語とプログラミング気まぐれ日記 - PREタグにスクロールバーを付けたい
pre.prettyprint {
padding: 2px;
border: 1px solid #888;/* スクロールの表示 */
/* CSS2の仕様では以下のように書く */
/* 値autoを設定すると、ブラウザに依存するが、一般的にはスクロールできるようになるらしい */
overflow: auto;
}
これで横幅が表示しきれない場合は、自動でスクロールが表示されるようです。
