KnockoutJS數組和保留空白

Question

在使用基因敲除.js並通過foreach創建元素時，我得到了一些帶有白色間距的意外行為：我正在創建的元素之間出現了很大且不規則的間距。

這是JSFiddle上的代碼： http : //jsfiddle.net/upnD8/

如果我注釋掉white-space: pre-wrap ，我會得到我想要的：在最后一行之后的不同行上緊緊地排列在一起的元素列表。 但是，這樣做的代價是無法保留可能故意插入的文本中任何重復出現的空格。

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

我只是剛剛開始使用淘汰賽。 也歡迎任何其他有關javascript等的評論。

Answer 1

您看到的空白是DIV之間的空白。 我可以想到兩種解決方案：

• 將pre-wrap移至生成的DIV（ http://jsfiddle.net/upnD8/2/ ）
• 通過將元素“塞在一起”來刪除DIV之間的空格（ http://jsfiddle.net/upnD8/1 ）