HTML でコマンドや設定ファイル、ソースコードなどを掲載する際、基本的に pre タグを使用しますが、そのまま pre タグを使用するだけでは、端が切れたり、改行したりしてイマイチですよね。
そこで、CSS で pre {overflow: auto;} を使用すると、横スクロールになるとのことで試してみたのですが、それだけでは横スクロールになりませんでした。
さらに調べ、以下のように word-wrap: normal; を追加すると、CSS で横スクロールが表示されるようになりました。
pre {
overflow: auto;
word-wrap: normal;
}どうやら Windows 7 対応のブラウザによって挙動が異なるようです。
CSS pre タグの横スクロール
