jquery - 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/) 之类的东西来做到这一点，但不幸的是，这还没有真正准备好现在使用，有各种问题。