使用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

除非将white-space样式设置为其他值，否则会压缩HTML空格中的

。

您可能想要添加：

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

正确格式化。

Answer 2

使用white-space: pre。这应该可以解决问题。