以不同的顺序输出数据

Question

我的 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 个输入字段来输入 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")

Answer 1

您可以将每个输入值放入一个数组中，并在每个输入之后将其拆分为 3 个相等的数据块（或其他数据）并重建整个数据。

但是，您可能需要查看 css3 列。您只需像现在一样附加到包装器，其余的由 css 处理。

https://jsfiddle.net/5q3tqcrm/

用div 和ul / li 尝试过。唯一的缺陷是当有 4 个值时它会进入 2 列，因为在移动后它总是清除第 3 列中的 2 个位置。

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