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

CSS:

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

HTML:

<xmp> your text or code </xmp>

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

答案，从这个页面的CSS:

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

以下几点帮助了我:

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

谢谢

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

word-break: keep-all;

你可以:

pre { white-space: normal; }

要保持单行字体，但添加换行，或:

pre { overflow: auto; }

这将允许固定大小的水平滚动长行。