スペースのないテキストがあり、その中にスペースのあるテキストをスパンしたい。そのスパンをコンパクトにするか、カットしないでください。つまり、完全に表示されていない場合は、次の行にある必要があります。
私はこのサンプルを持っています: http://jsfiddle.net/ysdWb/
<div id="url" contenteditable="true">SomeLongTextWithoutWhiteSpace/ItMightBeForExampleURL<span class = "bubble" contenteditable="false">Text in bubble<img src="http://www.mp.bastrnak.cz/icon/icq.png" /></span>ContinueOfSomeLongTextWithoutWhiteSpace/<span class = "bubble" contenteditable="false">Text in bubble<img src="http://www.mp.bastrnak.cz/icon/icq.png" /></span>/ItMightBeForExampleURL</div>
white-space:nowrap; を使用します。および word-wrap:break-word; 私のCSSで。
(ページの境界を変更するか、テキストを変更して、「泡」が画面から消える様子を確認してください) このフィドル内のコードは Firefox で正常に動作します。Chrome と Safari で同じことを行うための解決策はありますか? 手伝ってくれてありがとう。