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）