Per mille（‰）符号导致div innerHTML自动断行（Javascript / HTML）

Question

per mille（‰）符号会导致innerHTML中的字符串自动断行。我真的不知道为什么会那样做。更不寻常的是，其他符号如*，&，^，%，$的效果很好。 per mille符号是否表示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

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

[编辑] ：我忘了提到放在div上的字符串来自servlet（java）。

Answer 1

这与‰无关：在固定宽度的容器中，浏览器避免破坏单词，因此长单词将跳转到下一行。您可以使用word-break:break-all;强制浏览器中断文字。

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

我希望这会对你有所帮助。