Chrome と IE で pre {overflow: auto;} が効かない

"pre"で括った内容がはみ出した際にスクロールバーを出現させるCSSの記述であるが、現時点でのWindows 7対応のブラウザによって挙動が異なる。

  • Google Chrome 23:
    スクロールバーは出るがスクロールできない(はみ出す部分は折り返される)
  • IE 9:
    スクロールバーは出るがスクロールできない(はみ出す部分は折り返される)
  • Firefox 16:
    スクロールバーが出て正常にスクロールできる
あああああああああああああああああああああいいいいいいいいいいいいいいいいいいいいいいいいいううううううううううううううううううううう【終了】

対処方法は…

pre {
overflow: auto;
word-wrap: normal; /* ← 追加 */
}

とすればよい。Google Chrome 23、IE 9でも正常にスクロールされるようになる。

admin
カテゴリ:ブラウザ
2012/11/11 12:51 | コメント (0)
◎この記事へのコメントは 0 件です。コメント欄を表示しますか?
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

このブログについて
jkun-400x400.jpg インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。
プロフィール
カテゴリ
ブログ内検索
Powered by さくらのブログ