CSSを使ってFirefoxの単語分割を行うにはどうすればよいですか？

Question

これは、これまでの私のコードです：

<div style="width:100px;height:100px;background:red"> 
      ssssssssssssssssssssssssssssssssssssss 
</div> 

それは、Firefox上でワードラップすることはできませんので、

word-wrap:break-word; 
word-break:break-all; 

は、有用であることが証明されていません。 CSSを使用して何ができますか？

あなたはdiv要素のCSSクラスの下に適用する必要が

Answer 1

：それはIE7、FF 3.6とChrome上で動作しますdivの

style='table-layout:fixed;width:306px;' 

にバインドされ

.content-div{ 
    word-break:break-all; 
    word-wrap: break-word; 
} 

を、テーブルの上にスタイルの下に追加。

Answer 2

あなたはワードラップのプロパティと一緒幅と表示プロパティを使用します。

width: 100px; 
word-wrap: break-word; 
display:inline-block; 

それはIEでとFFの両方で私のために動作します。

Answer 3

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+ */ 
width:200px; 

上記のコード部分は、私の作品素晴らしく

Answer 4

次のルールを一緒に使用します。

/* For Firefox */ 
white-space: pre-wrap; 
word-break: break-all; 

/* For Chrome and IE */ 
word-wrap: break-word; 

Answer 5

を、それはFirefox用このように動作します。私たちについて

word-break: initial; 
word-wrap: break-word; 

Answer 6

ハウズをこれを試してください：

うまく私のために働く

Answer 7

：

/* For Firefox */ 
white-space: pre-wrap; 
overflow-wrap: break-word; 

/* For Chrome and IE */ 
word-wrap: break-word; 

それはオーバーフローラップは、Firefoxで新しい何かであるに見えます。 詳細情報はここで見つけることができます：

は

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap