HTML表格布局 - 将两列表格包装成四列

Question

现在我有一个简单的两列表，其中包含z行数。我想设置一定数量的行来显示，比方说十，然后将整个表包装到自己的右边，但我不知道是否可以这样做。

就像我提到的，它现在是简单的HTML代码，它看起来像：

**Word -- Count**
hello -- 1
world -- 16
hi -- 4
wirld -- 1

我想这样做：

**Word -- Count**
hello -- 1        hi -- 4        etc....
world -- 16       wirld -- 1     etc....

有关通过JavaScript或JQuery完成此操作的任何想法吗？

Answer 1

您可以将表格分成前面的两个或三个或四个不同的表格，然后将它们全部左侧浮动。如果宽度太窄，它们会或多或少地移动到正确的位置。

更好的方法是使用类似flexbox模型（http://www.the-haystack.com/2012/01/04/learn-you-a-flexbox/）这样做，但遗憾的是这不是现在真的可以使用，并且有各种各样的问题。