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

Question

我正在尝试将文本包装在HTML中的预标签中，但它无效。我在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中添加了<div class="form-group col-lg-8">。我不知道这是否重要。

正如您在下图中所看到的那样，它没有正确包装文本。 ＆＃39;哪个＆＃39;被分解成了一个＆＃39; Whic＆＃39;并且＆＃39; h＆＃39;进入下一行。

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

Answer 1

删除word-wrap: break-word;

  

表示如果行中没有其他可接受的断点，通常不可破坏的单词可能会在任意点被破坏。

https://developer.mozilla.org/en-US/docs/Web/CSS/word-wrap

Answer 2

您的目标似乎是将monospace字体与文本一起使用，所以我会这样设置：

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

如果不使用任何<pre>标记，则可以保存格式，同时保留等宽字体。