以不同的顺序输出数据


outputing data in different order

我的JS脚本允许我按以下顺序输出连续的用户输入(计数器迭代和''t间距):

1. ab     2. bc    3. cd
4. de     5. ef    6. fg
7. gh     8. hi    9. ij
10. jk    11. ys

用户一次只能输入1个输入字段。11不是最后一个条目,因为他们可以继续他们的工作输入更多。如何显示

1. ab     5. ef    9. ij
2. bc     6. fg    10. jk
3. cd     7. gh    11. ys
4. de     8. hi

我的脚本:

dnm_data.list_count += 1;
var data_output =  "<b>" + dnm_data.list_count + ".</b> " + data;
if (dnm_data.list_count % 3 === 0)
    data_output  = "<div class='col-xs-4'>" + data_output + "</div><div class='clearfix'></div>";
else 
    data_output = "<div class='col-xs-4'>" + data_output + "</div>";
$("#log-wrapper")  .append( data_output )
                   .addClass("bg-success")

您可以将每个输入值放在一个数组中,每次输入后将其拆分为3个相等的数据块(或其他数据块),然后重新构建整个数组。

但是,您可能需要查看css3列。你只需像现在这样附加到一个包装器上,css就会处理剩下的内容

https://jsfiddle.net/5q3tqcrm/

尝试使用divul / li。唯一的缺陷是,当有4个值时,它会转到2列,因为在移位后,它总是清除第3列中的2个位置。

信息&资源:http://caniuse.com/#search=multiple%20column