#author("2018-03-11T20:01:57+09:00;2008-02-18T12:50:53+09:00","","")
**[[質問箱/4247]] [#r7678007]
|RIGHT:70|LEFT:410|c
|~カテゴリ||
|~サマリ|FireFox、IEでの<pre>の表示を統一したい|
|~バージョン|1.4.7|
|~投稿者|[[pre]]|
|~状態|質問|
|~投稿日|&new{2008-02-18 (月) 12:50:53};|
***質問 [#f7d79e39]
差分などで<pre>を表示すると、どうもうまく表示できなくなり、preの内容が多い行なら恐ろしく長いスクロールバーが出てしまいます。

調べたところcssでpre要素に下記を挿入すればいいとのことですが

 white-space: -moz-pre-wrap; /* Mozilla */
 white-space: -pre-wrap;     /* Opera 4-6 */
 white-space: -o-pre-wrap;   /* Opera 7 */
 white-space: pre-wrap;      /* CSS3 */
 word-wrap: break-word;      /* IE 5.5+ */

これを入れたところFireFoxではちゃんと動作してくれますが
IE6ではブラウザ下記にスクロールバーが出現して右に伸びてしまいます。
上記に
 white-space: normal;
を追加するとIE6で希望通りの動作をしてくれますが、今度は逆にFireFoxがおかしくなり、pre要素で改行しなくなってしまいます。

両方のブラウザで、うまくpreがブラウザサイズに合わせて折り返してくれるようになりませんでしょうか?

***回答 [#kf2d5624]

#comment


トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Site admin: PukiWiki Development Team

PukiWiki 1.5.3+ © 2001-2020 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.055 sec.

OSDN