CSSでpre {overflow: auto;}

コマンドや設定ファイル、ソースなどをWordPressへ掲載する際には基本的にpreタグを使用するけど、切れたり改行したりするのがイヤで横スクロールにしたかったのですが、CSSでpre {overflow: auto;}を使用しても横スクロールが表示されませんでした。

えー、なんなんだよといろいろ調べてみたら、Windows7対応のブラウザによって挙動が異なるようだ。

pre {
  overflow: auto;
  word-wrap: normal;
}

と、word-wrap: normal;を追加すると横スクロールが表示されます。

[ad#ad-1]

CSSでpre {overflow: auto;}

コメントを残す

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

トップへ戻る