如何在Chrome上实现" "的自动换行

Question

这是我的代码：

<div id="a" style="position:absolute;top:300px;width:100px;height:100px;background:red;color:black;word-wrap:break-word;">
    <div id='a2' contenteditable=true >
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
</div>

这段代码在Firefox中可以自动换行，但在Chrome中无法自动换行。

那么如何让 在Chrome中自动换行呢？

谢谢。

- zjm1126

---

"nbsp"代表“不间断空格”，因此你似乎在尝试同时吸和吹。你能描述一下你实际想要解决的问题吗？ - wlangstroth

Answer 1

你可以像这样使它们自动换行：

 &nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>

- gaby de wilde

Answer 2

  创建了一个不间断空格。不间断空格的目的是提供空格，而不算作换行的位置（正常空格会）。因此，您不能使它们自动换行，因为它们被设计成不这样做。如果您想要自动换行，请使用普通空格。

- Sebastian Paaske Tørholm

---

是的，除了   有多个功能之外。它还允许在一行中有多个空格，在 white-space 属性会将多个空格合并为一个的地方。强制禁用溢出换行不是我所期望的功能，并且应该可以配置。这不是针对你的，但既然你如此关注“应该是这样的”，那么这里有一个不同的观点。 - Slava