HTMLテーブルレイアウト - 2つの列テーブルを4つの列にまとめる

Question

今、私はz個の行を持つ単純な2つの列テーブルを持っています。私は表示するために、いくつかの行数を設定したいと思います。そして、テーブル全体を自分自身の右に折り返すようにしますが、それができるかどうかわかりません。

私が述べたように、それは簡単な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

テーブルを2つまたは3つまたは4つの異なるテーブルに分割してから、すべて左に浮かべることができます。幅が狭すぎると、多かれ少なかれ正しい場所に移動します。

これはフレックスボックスモデル（http://www.the-haystack.com/2012/01/04/learn-you-a-flexbox/）のようなものを使って行う方がよいでしょうが、残念ながらこれは、本当にすぐに使用できる状態にあり、さまざまな問題があります。