KnockoutJS數組和保留空白

Question

當使用knockout.js和通過foreach創建元素時，出現白色間距時出現了一些意想不到的行爲：我在創建的元素之間出現意外數量的大而不規則的間距。

下面的代碼在的jsfiddle：http://jsfiddle.net/upnD8/

如果我註釋掉white-space: pre-wrap，我會得到我想要的東西：元素的列表緊緊地擠在一起在不同線路上一個在最後。但是，我會這樣做，其代價是無法保留任何我可能故意插入的文本中重複出現的空格。

關於爲什麼會發生這種情況以及如何解決這個問題的任何想法？

我剛剛開始使用knockout.js;任何其他有關javascript的相關評論等都非常受歡迎。

Answer 1

你看到的空格是DIV之間的空格。有兩種解決方案，我能想到的：

• 招pre-wrap所產生的DIV的（http://jsfiddle.net/upnD8/2/）
• 去除DIV的之間通過「摺頁」的元素結合在一起（http://jsfiddle.net/upnD8/1）