- ベストアンサー
Firefoxで長い半角文字列が折り返されない（改行されない）
Firefoxで、テーブル内の長い半角文字列が折り返されないので（改行されない）困っています。 cssで解決しようと思うのですが、「word-break:break-all」はIEしか使えない事が分かりました。 このようなもので、Firefoxに対応しているものは無いでしょうか、 （とにかく枠内に収まれば、単語が途中で切れても構いません。） よろしくお願いいたします。
- CSS
- 回答数3
- ありがとう数90
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
(1) 全ての文字の間に ​ を入れる。 例：abcdefg a​b​c​d​e​f​g (2) overflow:auto;でごまかし (3) <input>か<textarea>を使う (1)の方法はたしかmozilla組で投稿されていたような気がするのですが、、、別のBBSだったかな。。。 まぁ、どの方法もごまかしといえばごまかしです。
その他の回答 (2)
- MAN_MA_RUI
- ベストアンサー率41% (426/1024)
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の仕様を応用したものであるため、他の環境には効果のない場合があるかもしれませんが、 他のブラウザは大抵[-]や[/]のところで折り返してくれるので気にせずともどうにかなることが多いと思います^^
お礼
http://sho.tdiary.net/20050922.html ↑これ、参考になりそうです。 やはりバグだったのですね。かといって、ユーザーが多いから、無視もできないし・・・。 ありがとうございます。
関連するQ&A
- 自動改行と入りきらない文字列の省略
overflow: hiddenとword-break: break-allを使い、 ・入りきるまでを改行 ・最後入らない文字列を省略、最後を「...」に、 （例）こんな感じです↓↓ ｜￣￣￣￣￣￣￣￣￣｜ ｜aaaaaaaaaaaaaaaaaa | ←改行 ｜aaaaaaaaaaaaaaaaa... | ←省略、「...」 ｜＿＿＿＿＿＿＿＿＿｜ ということをしたいんですが、overflow: hiddenを使うと、 word-break: break-allが機能しません。 両方を1度に使うことは出来ないんでしょうか？ また、解決策はありますか？
- ベストアンサー
- HTML
- <pre>で折り返させる方法を教えてください（firefox）
表示枠に収まらない改行が入っていない長い文字列を<pre>タグで表示させると、IEでは表示枠の横幅で折り返して表示してくれるのですが、firefoxだと折り返して表示してくれません。 firefoxでも正常に折り返して表示させる方法はないでしょうか？ cssには以下のように書いています。 pre { white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; }
- ベストアンサー
- HTML
- TABLEセル内で改行させたいのですが・・・
いつもお世話になっております。 ＨＴＭＬ上で、名前とメールアドレスの一覧を作成しました。 すると、テーブルの列幅を指定しているにもかかわらずメールアドレスが、 改行されずに１行で表示されてしまいます。 検索した結果、「word-break : break-all」をＣＳＳで設定したら大丈夫で あることがわかったので、設定しました。 ＩＥでは、問題なく表示されたのですが、FireFoxでは、改行されません。 ＦｉｒｅＦｏｘでも、改行されるようにしたいのですが、どこを修正したら 宜しいでしょうか。 ご教授いただけますよう、どうぞ宜しく御願いいたします。 ＜Ｓｏｒｃｅ＞ <html> <head> <style type=text/css> p{ maegin:0px; word-break: break-all; } </style> </head> <body> <table border="1px"> <tr> <td width="100px">Name:</td> <td width="100px">takemoto</td> </tr> <tr> <td width="70px">E-Mail:</td> <td width="70px"><p>ytakemoto12345678@abc.ne.jp</p></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- 半角での改行について
半角英数の文字列を入力して、Enterキーを押すと改行されます。 Enterキーを押しても改行されない設定があれば教えていただきたく お願いいたします。
- 締切済み
- その他MS Office製品
- Thunderbird、改行をふくんだ文字列の検索について
メール本文は通常、半角60～80桁くらいで改行の入った文章になっています。 自動的に桁揃えされます。 例えば マイケル・ジャクソン といった文字列でも マイケル・ジャク ソン といったように検索したい文字列の途中で改行が入ってしまう場合があります。 Thunderbirdの検索機能では、途中で改行が入ってしまった文字列を検索することが出来ないようなのです。 検索ダイアログ中に「改行を無視する」というオプション項目がないので、上のような例では、検索できずに取りこぼしてしまいます。 メール本文から、途中で改行の入ってしまった文字列を検索する方法はないのでしょうか？ どなたか、ご存知の方がおられましたらよろしくご教示ください。 ※Outlook Expressでは、もともと改行は無視するようなので、このような問題は起こりません。また、他のメールソフトではおそらくオプションにて改行を無視するような指定ができるのだと思います。Thunderbirdにはこういった設定箇所を探したのですが見あたりませんでした。
- 締切済み
- その他（メールサービス・ソフト）
- Firefoxでのテキストエリアに入力した文字の改行
Firefoxでのテキストエリアに入力した文字の改行について質問させてください。 http://oshiete1.goo.ne.jp/qa2691799.html ↑のページを参考にテキストエリアに入力したテキストがリアルタイムで確認できるページを作成しました。 IEではテキストエリア内の改行がちゃんと反映されたのですが、Firefoxではテキストエリア内の改行が反映されずに、エンターキーを押すと半角スペース？になるだけで一連の文として出力されてしまいます。 どなたかこの現象の解決策をお知りの方がいらっしゃいましたらご教授ください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- firefoxで日本語が改行されない
お世話になります。 CSSで2カラムのレイアウトをしていますが、 mainのところに文字を入れると、firefoxの場合だけ下のmain2のところに文字が入っています。（IEはmainの場所に入る） 左navi 右main 全体main2 いろいろさわってみたところ、文字に改行を入れた場合（mainのところに収まる場合）はmainの位置に入るのですが、 改行を入れない場合は下の段（全体main2）のところに入ってしまうようです。 半角英数の場合はそういうバグだということですが、私の場合は日本語です。 同じCSSで他のサイトを作っていますが、そのような現象はありません。 違いといえばシフトジフではなくutf-8にしていることでしょうか・・ ちなみにfloatで設定しているのですが関係あるのでしょうか？ どうぞよろしくお願い致します。
- 締切済み
- HTML
- テーブル内の文字列を改行させたい
<TABLE border="1"> <tr> <TD>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</TD> </tr> </TABLE> これを、ある一定の幅を指定して改行させたいのですが、 CSSを使おうが使わず指定しようが、反映されません。 全角文字だと反映されます。 IE6、IE7で対応させたいと思っています。 CSSでも何でも良いので、どうすれば対応出来るのか ご教示下さい。
- ベストアンサー
- HTML
- 文字列の中にある改行の除去
textareaで入力した文字列の途中に入った改行を 取り除くにはどうしたらいいでしょうか？ 教えてください。 取り除かずにファイルに書き込むと、変な改行に なってしまいます。
- ベストアンサー
- PHP
- 表に表示する半角文字の改行について
はじめまして Webページで表を使って、 データを表示しています。 実装方法は TABLEタグで表を作って TDタグの中にデータを表示させています。 その時に表示させるデータが半角文字の羅列だと 表幅をピクセル指定していても改行されずに 表が大きくなってしまいます。 そこで、半角文字の羅列でも 表幅は固定のままで、全角文字と同じように 改行するにはどうしたらよいのでしょうか どなたかご教授お願いいたします。
- ベストアンサー
- HTML
お礼
(1) PHPで生成した文字列なので、一つ一つタグを入れていくという方法では面倒くさいかも。 (2)は結構良いですね。やっぱりCSSでどうにかしたいです。 ありがとうございます。