我有没有空格的文本，并且我想在其中有带空格的文本。我希望该范围紧凑或未切割。即当它不完全可见时，它必须在下一行。
我有这个样本：
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>
我使用空白：nowrap;和自动换行：断词；在我的CSS中。
（尝试更改页面边界或更改文本以查看“气泡”如何从屏幕上消失）
摆弄这个代码在Firefox中效果很好。 Chrome和Safari是否有相同的解决方案？
感谢帮助。
最佳答案
好吧，我不是100％肯定我已经了解您想要的效果，但这是吗？
我已将display:inline-block添加到.bubble类中，当我在Chrome中调整窗口大小时，无法使气泡消失在屏幕侧面。
http://jsfiddle.net/ysdWb/6/