我有没有空格的文本，在其中我想要包含带空格的文本。我希望那个跨度是紧凑的或未切割的。即当它不完全可见时，它必须在下一行。
我有这个样本： 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;和自动换行：break-word;在我的CSS。
（尝试更改页面边界或更改文本以查看“气泡”如何脱离屏幕） 这个小提琴代码在Firefox中运行良好。 Chrome和Safari有没有相同的解决方案？ 谢谢你的帮助。
答案 0 :(得分：0)
好吧，我不是百分百肯定我已经理解了你想要的效果，但这是它吗？
我已将display:inline-block添加到.bubble类，当我在Chrome中调整窗口大小时，我无法让屏幕上的气泡消失。