word-breakの解決策：firefoxのbreak-allのスタイリング？

Question

私は、TD内のテキストをラップしようとしていると、以下のスタイルを使用しています

word-break:break-all 

IEで完璧に機能しますが、Firefoxで失敗し

、このありえないがサポートすることを読んでください！ はhttp://petesbloggerama.blogspot.com/2007/02/firefox-ie-word-wrap-word-break-tables.htmlで与えられた解決策を試しました。 didntはどちらかといえばうまくいくようですが、これに対する解決策はありますか？

おかげで、 ADARSH

Answer 1

Iついにまた、これにいくつかのトラブルがあったが、私はそれが働いて得ることができた：。。

.hardBreak { 
    white-space: pre-wrap; /* css-3 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap; /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word; /* Internet Explorer 5.5+, 6, 7, 8 compability-mode */ 
    -ms-word-break: break-all; /* Internet Explorer 8 */ 
} 

私はこのことができます願ってい

IE8ネイティブモードを使用している間、最後のオプションが必要です。これは私にとってはうまくいくもので、FF8、IE 7、8コンパチビリティ、8ネイティブ、Chromeでテストされています。

Answer 2

は、私はあなたが言及ソリューションがいくつかの時間のために働いているとは思いません。以前のバージョンのFirefoxでうまく動作していたかもしれませんが、仕事をすると予想されるようには見えません（pre-wrapは単語を間違えるはずはない）。

Firefoxがポイントを許容可能な直接改行機会として扱う方法は、<wbr>タグであり、どの仕様もありませんが広くサポートされています。通常は、の適切なポイントに挿入することで最もよく使用されますが、極端な場合は2文字の間に置くこともできます（これを行うには、前処理、サーバーサイドスクリプト、またはクライアントサイドJavaScriptを使用します） 。

Answer 3

代わりにこれを試してみてください：

word-wrap:break-word 

それはあまりにも長い間、あなたがそれを適用しているDIV /セルの固定幅を持っているように（すべてのブラウザで動作するはずです...

Answer 4

使用 ワードラップ：break-word; それは確かに動作します！

display : block;

で

Answer 5

Answer 6

ワードラップのみインラインブロックまたはブロック要素のために動作しますokです。したがって、要素タイプを変更する必要があります。同様：

.example { 
 
    display: inline-block; 
 
    word-break: break-all; 
 
}