如何制作" " 在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上进行自动换行？

谢谢

Answer 1

 创造一个不间断的空间.不间断空间的目的是提供一个空间,而不是一个打破一条线的地方.(哪些正常空间.)

因此,你不能让它们自动换行,因为它们的设计不是这样做的.如果您想要自动换行,请使用普通空格.

Answer 2

你让它们像这样包装:

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