如何在 contenteditable 中换行没有空格的长行

Question

嘿， 我已经尝试了所有方法，但没有任何效果。

我有这个小提琴：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 中尝试过： word-wrap: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;
}

无包装

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

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