每千分之一 (‰) 符号导致 div innerHTML 自动换行 (Javascript/HTML)答案

【问题标题】：Per mille (‰) symbol causes div innerHTML to automatically break line (Javascript/HTML)每千分之一 (‰) 符号导致 div innerHTML 自动换行 (Javascript/HTML)
【发布时间】：2016-12-06 00:08:33
【问题描述】：

per mille(‰) 符号会导致 innerHTML 中的字符串自动换行。我真的不知道为什么会这样。更不寻常的是，*、&、^、%、$ 等其他符号也可以正常工作。在 HTML 或 Javascript 中，千分之一符号是否还有其他含义？

div的样式如下：

style='text-align: left; padding-left: 12px; color: white;position:absolute; width:600px; left:52px; overflow:hidden;'

例如要放置的文字是：

WWWWWWWWWWW‰WW‰‰‰‰WWWWWWWWWWWWWWWWWWW‰‰%‰WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

会发生这种情况：1

通常它应该只占一行，因为样式上有一个溢出：隐藏，但由于某种原因，它在千分之一符号之后分成几行。有人知道为什么会这样吗？

[编辑]：我忘了说放在 div 上的字符串来自 servlet (java)。

【问题讨论】：

与java无关
编辑：仍然与 java 无关

标签： javascript html newline symbols

【解决方案1】：

这与‰无关：在固定宽度的容器内，浏览器避免断字，所以长字会跳到下一行。你可以通过word-break:break-all;强制浏览器断词。

演示：https://jsfiddle.net/iRbouh/0h2f2yxj/

希望对你有所帮助。

【讨论】：