如何在预标记中包装文本？

Question

如何在预标记中包装文本？pre 标签对于HTML中的代码块和编写脚本时的调试输出非常有用，但是如何使文本自动换行而不是打印出一条长行呢？

Answer 1

答案，从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+ */
    }

Answer 2

我发现跳过pre标签并使用white-space：在div上预先包装是一个更好的解决方案。

 <div style="white-space: pre-wrap;">content</div>