如何在 chrome 上制作“ ”自动换行答案

【问题标题】：how to make " " word-wrap on chrome如何在 chrome 上制作“ ”自动换行
【发布时间】：2010-11-27 09:02:24
【问题描述】：

这是我的代码：

<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 上制作 &nbsp; 自动换行？

谢谢

【问题讨论】：

"nbsp" 代表“不间断空间”，因此看起来您正在尝试同时吸吮和吹气。你能描述一下你真正想要解决的问题吗？

标签： javascript firefox google-chrome

【解决方案1】：

你让它们像这样自动换行：

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

【讨论】：

【解决方案2】：

&nbsp; 创建一个non-breaking space。不间断空格的目的是提供一个空间，同时不算作断行的地方。（正常的空格是什么。）

因此，您不能将它们设置为自动换行，因为它们的设计目的是不这样做。如果要换行，请使用普通空格。

【讨论】：

是的，除了&nbsp; 有多个功能。它还允许在white-space 属性将多个空格合并为一个的地方连续有多个空格。在溢出时强制禁用中断不是我可以称之为所需功能的东西，应该是可配置的。这不是针对您的，但是由于您如此“应该是那样”，所以在这里有不同的观点。