javascript - 使用 CSS 格式化字符串

Question

我有一个包含多行的字符串，如下所示，由多个空格分隔(或有时使用单个空格):

"word1   word2       word3   word4
 word5   word same6  word7   word8"

在我的 Javascript 中，我可以使用 \n 进行拆分，但是当我在 CSS div 中显示相同内容时，它以一种奇怪的格式结束:

"word1 word2 word3 word4 word5 word same6 word7 word8".

我的 CSS:

.block{
    color: #000;
    border: 1px solid #fff300;
    padding:8px;
    margin:4px;
    width:80%;
    display: block;
}

如何使用 CSS 格式化字符串？间距不统一，单词之间的间距没有保证(一个单词也可以有一个空格)。

Answer 1

在 HTML 中，空白被压缩，除非 white-space样式已设置为不同的值。

您可能想添加:

white-space: pre;
-or-
white-space: pre-wrap;
-or-
white-space: nowrap;

使其格式正确。