1

我有没有空格的文本，我想在其中有带空格的文本。我希望该跨度紧凑或未切割。即当它不完全可见时，它必须在下一行。

我有这个样本：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；和 word-wrap:break-word; 在我的 CSS 中。

（尝试更改页面边界或更改文本以查看“气泡”如何离开屏幕）小提琴中的这段代码在 Firefox 中运行良好。Chrome 和 Safari 有什么解决方案可以做同样的事情吗？感谢帮助。

4

1 回答 1

0

好的，我不是 100% 确定我已经理解您正在寻找的效果，但这是它吗？

我已经添加display:inline-block到.bubble课程中，但当我在 Chrome 中调整窗口大小时，我无法让气泡从屏幕一侧消失。

http://jsfiddle.net/ysdWb/6/

于 2013-09-11T11:59:58.900 回答