Css Firefox空白：如果单词太长，则预包装*包括*尾随空格

Firefox将单词后的空格附加到单词本身，这使得它在不同浏览器中的包装方式不同。我制作了一个WYSIWYG文本编辑器，它非常重要。此代码在Firefox和Chrome上的显示方式不同：

<div style='white-space: pre-wrap; width: 10ch; background: red; font-family: monospace;'>0000000 00 0</div>

在这里拉小提琴：

---

我尝试过其他的空白模式，但它们有更糟糕的问题，例如，周期后使用双空格。有没有办法说服Firefox在不考虑单词后面的空格的情况下包装单词，同时也不将空格放在下一个空格上？谢谢

根据本文，WebKit不支持ch单元。也许使用不同的度量单位？顺便说一句，这在Chrome中也不是你想要的。谢谢，但这是一篇老文章，Chrome/Safari现在确实支持它。无论如何，这只是为了让测试清楚应该发生什么——我并没有在我的应用程序中使用ch for Firefox，我注意到了这个问题。还有，你说Chrome不能按预期显示是什么意思？Mac上的Chrome34只包装了最后一个0，我认为这是正确的，但Firefox更早包装了一个词。你看到了不同的行为吗？我正在使用Chrome for windows，但它只包装最后一个零。不清楚这是不是你想要的。不确定你的问题出在哪里。Firefox也包装了之前的双零，因为它们后面的空间溢出了。这不是任何真正的文本编辑器的工作方式，因此它看起来很时髦，并导致页面计数不一致，这对我的应用程序非常重要。