用jQuery填充桌面底部？

我手头有一个对象，包含未知数量的属性。我希望将这些属性中的每一个都表示为

表中的一个列表项

，其中元素在如下所示的设置数量的列之间从上到下均匀分布，或者当它们达到最大数量时

数据集：

{"one", "two", "three", "four"}

one   |  three |
two   |  four  |
      |        |

我想要的结果：

{"one", "two", "three", "four"}

one   |  three |
two   |  four  |
      |        |

---

那么，我如何使用jQuery实现这一点呢

在

CSS3

中，您可以设置容器的

列计数

属性：

#container {

    column-count: 2;
    column-rule: 1px solid #000;
    column-gap: 1em;
}​

然后在需要时使用

JQuery（JavaScipt）

增加

列计数


更新

请参阅演示。
假设您需要一个表和一个简单的Javascript/jQuery解决方案。你可以做一些像这样简单的事情。只需计算出对象长度，除以2，然后构建表。见演示

不是说这是一种魔力，而是实现你在问题中所展示的东西的一种非常基本的方式（如果我理解正确的话）。至少希望这能让你开始

JS:

您是特别想要表标记，还是只是想组织列？好吧，稍后它将进入html，只是将其以文本形式放在这里，以便更清楚地理解您是否想在3处停止？或者其他任意数字？如果数据集始终是数组的对象，则最好是垂直设置一个固定的数字，或者元素均匀分布？集合中会有多个阵列吗？感谢您提供了这个干净的解决方案。不幸的是，我不得不远离CSS3，所以我不得不选择Betards答案……我期待着CSS3和HTML5成为主流，因为@fardjad的答案非常优雅和简单。不幸的是，有这么多的浏览器要么没有支持（我看的是IE6），要么在更新的浏览器中混合支持，这将是一个相当长的一段时间之前，我们将不必担心这么多用户的兼容性。
#myObjOutput td {
    border: 1px solid black;
    padding: 3px;
}