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

以下几点帮助了我:

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

谢谢

使用空白:预换行和供应商前缀，用于预压纸内的自动断行。

不要使用word-wrap: break-word，因为这只是把一个单词分成两半，这可能是你不想要的。

试着用

<pre style="white-space:normal;">. 

或者更好地使用CSS。

如果你使用prism或任何代码格式化库，那么你将需要修改展位前和代码标签如下:

pre {
    overflow-x: auto !important;
    white-space: pre-wrap !important;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap !important;      /* Opera 4-6 */
    white-space: -o-pre-wrap !important;    /* Opera 7 */
    word-wrap: break-word !important;       /* Internet Explorer 5.5+ */
}

code{
    white-space: normal !important;
}

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

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

</pre>