javascript - pagedown编辑器中预览的自动换行怎么实现的？

Question

我在CSS中用了

.wmd-preview 
{
    background-color:#E0EAF1;
    border-bottom:1px solid #b3cee1;
    border-right:1px solid #b3cee1;
    padding:3px 4px 3px 4px;
    margin:2px 2px 2px 0;
    text-decoration:none;
    font-size:90%;
    line-height:2.4;
    white-space:nowrap;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    word-wrap: break-word;
}

用了word-wrap： break-word还是不行，请问大家应该用什么呢？

Answer 1

控制换行的是white-space:nowrap;。

下面是w3school对于white-space属性值的解释：

normal  默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap  文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap    保留空白符序列，但是正常地进行换行。
pre-line    合并空白符序列，但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。