Firefoxで、テーブル内の長い半角文字列が折り返されないので（改行されない）困っています。
cssで解決しようと思うのですが、「word-break:break-all」はIEしか使えない事が分かりました。
このようなもので、Firefoxに対応しているものは無いでしょうか、
（とにかく枠内に収まれば、単語が途中で切れても構いません。）
よろしくお願いいたします。
投稿日時 - 2006-11-20 13:03:58
(1)
全ての文字の間に
​
を入れる。
例：abcdefg
a​b​c​d​e​f​g
(2)
overflow:auto;でごまかし
(3)
<input>か<textarea>を使う
(1)の方法はたしかmozilla組で投稿されていたような気がするのですが、、、別のBBSだったかな。。。
まぁ、どの方法もごまかしといえばごまかしです。
投稿日時 - 2006-11-21 01:39:24
お礼
(1) PHPで生成した文字列なので、一つ一つタグを入れていくという方法では面倒くさいかも。
(2)は結構良いですね。やっぱりCSSでどうにかしたいです。
ありがとうございます。
投稿日時 - 2006-11-21 16:12:54
87人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答（2件中 1～2件目)
mcmycさん、こんにちは^^
> Firefoxで、テーブル内の長い半角文字列が折り返されないので（改行されない）困っています。
問題の起こるのはブラウザのバグが原因です。
http://pinotan.blog15.fc2.com/file/word-break.html
> cssで解決しようと思うのですが、
うーん。CSSでやろうとする姿勢は問題ありませんが、ちょっと無理なんですよね^^;
Geckoにも折り返しを設定する独自拡張というものはありますけど、実験してみると長い半角文字列の折り返し表示には対応していませんでした。
http://sho.tdiary.net/20050922.html
Firefoxで折り返して表示されるのが嫌だから、設定を変えてどうにかしたい・という場合拡張を使います。
http://firefox.geckodev.org/index.php?FAQ#l67772fa
ただしWebページを書き換えるため動作が若干重くなりますので注意^^;
http://forum.mozilla.gr.jp/?mode=all&namber=35219&type=0&space=0&
Webページ側でどうにかしたいんだ・と言う場合は<wbr>タグを使ってください。
例：http<wbr>:<wbr>/<wbr>/<wbr>service.<wbr>okwave.<wbr>jp/<wbr>okwave/<wbr>sitemap/
変なことをやっているように見えるかもしれませんが、これは拡張が行っていることをWebページ側で行っているだけです^^
一応この方法を使えばFirefoxのみならずNetscapeとか、Mozillaとか、Fxと同じGeckoというブラウザエンジンを利用するブラウザ全てで折り返し表示を実現できるはずです。
ちなみに、これはGeckoの仕様を応用したものであるため、他の環境には効果のない場合があるかもしれませんが、
他のブラウザは大抵[-]や[/]のところで折り返してくれるので気にせずともどうにかなることが多いと思います^^
投稿日時 - 2006-11-20 14:48:53
お礼
http://sho.tdiary.net/20050922.html
↑これ、参考になりそうです。
やはりバグだったのですね。かといって、ユーザーが多いから、無視もできないし・・・。
ありがとうございます。
投稿日時 - 2006-11-21 16:10:56
http://internet.okwave.jp/qa1629570.html
投稿日時 - 2006-11-20 13:34:44
お礼
ありがとうございます。
投稿日時 - 2006-11-21 14:02:45
