如何在满足的情况下包装没有空格的长行

Question

HY， 我尝试了一切，没有任何作用。

我有这个小提琴：http://jsfiddle.net/kauqdk9j/

<div id="test" contenteditable="true"></div>

#test { width:400px; height:30px; font-size:13px; border:1px solid #333; word-wrap:break-word; word-break: break-all;white-space: nowrap}

我在CSS中尝试过：自动换行：break-word; word-break：break-all; white-space：nowrap，没有任何反应。 有人可以帮我解决这个问题吗？

Answer 1

包裹

#test {
    width:400px;
    height:30px;
    font-size:13px;
    border:1px solid #333;

    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

NOWRAP

#test {
    width:400px;
    height:30px;
    font-size:13px;
    border:1px solid #333;

    word-wrap: normal;
    overflow-wrap: normal;
    white-space: nowrap;
}