如何在 pre 标签中包装文本？

Question

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

原文由 adambox 发布，翻译遵循 CC BY-SA 4.0 许可协议

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+ */
}

原文由 adambox 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这非常适合包装文本并在 pre 标签中保持空白：

 pre {
    white-space: pre-wrap;
}

原文由 Richard McKechnie 发布，翻译遵循 CC BY-SA 4.0 许可协议