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

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

pre {
    white-space: pre-wrap;
}

以下几点帮助了我:

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

谢谢

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

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

最好的跨浏览器方式为我工作获得换行和显示准确的代码或文本:(chrome, internet explorer, Firefox)

CSS:

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

HTML:

<xmp> your text or code </xmp>

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

word-break: keep-all;