質問箱/4247
の編集
Top
/
質問箱
/
4247
[
トップ
] [
編集
|
差分
|
履歴
|
添付
|
リロード
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
Wikiを試したい方へ:
「この」Wikiは、
PukiWiki
のための公式Wikiです。
テスト書き込みなどは
お試しサイト
https://pukiwiki.osdn.jp/_trial/
をご利用ください
**[[質問箱/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
**[[質問箱/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
テキスト整形のルールを表示する
![[PukiWiki-official]](image/pukiwiki-official.png "[PukiWiki-official]")
