字符串的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; 

得到它正確格式化。

Answer 2

使用white-space: pre。這應該夠了吧。