javascript - 如何在 HTML 的 pre 标签中包装文本？

Question

我试图用 HTML 在我的 pre 标签中包装文本，但它不起作用。我在我的标签中使用了以下 CSS。

我从 How do I wrap text in a pre tag? 得到了下面的 CSS

pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
    border-radius: 0 !important;
}

我已经添加了 <div class="form-group col-lg-8">在主分区中。我不知道这是否重要。

正如您在下图中看到的那样，它没有正确包装文本。 'Which' 被分解为 'Whic' 和 'h' 进入下一行。

如何将整个单词推到下一行？

Answer 1

看起来你的目标是在文本中使用等宽字体，所以我会这样设置:

div .pre {
    word-wrap: normal;
    font-family: monospace;
    border-radius: 0 !important;
}

不使用任何 <pre>标记您保存格式，同时保持等宽字体。