如何在预标记中包装文本？ [英] How do I wrap text in a pre tag?

问题描述

pre 标签对于HTML中的代码块和用于在编写脚本时调试输出都是超级有用的，但是如何使文本换行而不打印出来长线？

pre tags are super-useful for code blocks in HTML and for debugging output while writing scripts, but how do I make the text word-wrap instead of printing out one long line?

推荐答案

答案来自

The answer, from this page in 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+ */
}

这篇关于如何在预标记中包装文本？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！