javascript - KnockoutJS arrays and preserving whitespace -

javascript - KnockoutJS arrays and preserving whitespace -

i'm getting unexpected behaviour white spacing when using knockout.js , creating elements through foreach : i'm getting unexpected amount of big , irregular spacing between elements i'm creating.

here's code @ jsfiddle: http://jsfiddle.net/upnd8/

if comment out white-space: pre-wrap, i'd want: listing of elements tightly packed on different lines 1 after last. however, i'd doing @ cost of beingness unable preserve reoccurring white spaces in text may have purposely inserted.

any ideas why happening , how go solving this?

i've started using knockout.js; other related comments on javascript, etc. much welcome.

the whitespace you're seeing whitespace between div's. 2 solutions can think of:

move pre-wrap generated div's (http://jsfiddle.net/upnd8/2/) remove whitespace between div's 'tucking' elements (http://jsfiddle.net/upnd8/1)

javascript knockout.js