我试图用 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' 进入下一行。
如何将整个单词推到下一行?
最佳答案
看起来你的目标是在文本中使用等宽字体,所以我会这样设置:
div .pre {
word-wrap: normal;
font-family: monospace;
border-radius: 0 !important;
}
不使用任何 <pre>
标记您保存格式,同时保持等宽字体。
关于javascript - 如何在 HTML 的 pre 标签中包装文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34939772/