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

Question

this is my code :

<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>

this code word-wrap in firefox , but in chrome i cant word-wrap,

so how to make   word-wrap on chrome ?

thanks

Answer 1

你让它们像这样包装：

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

Answer 2

  creates a non-breaking space . The purpose of a non-breaking space is to provide a space, while not counting as a place to break a line. (Which normal spaces are.)

Therefore, you cannot make them word-wrap, as they're designed to not do so. If you want word-wrapping, use normal spaces.