<pre>做它的工作，但对于代码有<code>标签。

以下几点帮助了我:

pre {
    white-space: normal;
    word-wrap: break-word;
}

谢谢

这就是我所需要的。它可以防止文字断裂，但允许在预区域的动态宽度。

word-break: keep-all;

这可以很好地包装文本并在pre-tag中保持空白:

pre {
    white-space: pre-wrap;
}

我把@richelectron和@user1433454的答案结合起来。 它工作得很好，并保留了文本格式。

<pre  style="white-space: pre-wrap; word-break: keep-all;">

</pre>

<pre>做它的工作，但对于代码有<code>标签。