2012-04-17 486 views
0

现在我有一个简单的两列表格,其中有z行数。我想设置一定数量的行来显示,比如说十个,然后整个表格会自动包装到右侧,但我不知道是否可以完成。HTML表格布局 - 制作两列表格成四列

就像我提到的,它是简单的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?

回答

2

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

更好的做法是使用像flexbox模型(http://www.the-haystack.com/2012/01/04/learn-you-a-flexbox/),但不幸的是这不是'现在真的准备好使用了,并且存在各种问题。

+0

拆分表可能会工作,但我有一个函数已经通过它们排序,而另一个函数已经加载其他数据。为了简单起见,我认为将它放在一张桌子中可能是最好的。有什么想法吗? – 2012-04-17 18:05:10