テーブルを作成するにはどうしたらよいですか？

Question

多くのテキストとたくさんのテーブル - 野球のリーダーボード - 固定された高さのない複数のCSS 3列にまたがる本の抜粋をレイアウトしています。これは特にゴールド・グローブの勝者の細長いリストです。しかし、テーブルで野球データをフォーマットすると、それ自体が列に分割されないので、長いテーブルを1つだけ取得します。テキスト重い「ページは」私はこのような何かをやって、その後、私は「テーブルで

-webkit-column-width: 205px; 
-webkit-column-gap: 20px; 

よく働いているの抜粋から500個の言葉に貼り付けてきたと、ある

-webkit-column-count: 2; 
-webkit-column-gap: 20px; 

これらの列で表形式のデータをうまく再生させるにはどうすればよいですか？ DIVからテーブルのようなものを作るための最善の選択肢ですか？

Answer 1

要素からテーブルの表示を削除し、各行をdisplay:block;で何かにする必要があり、 '表'の各セルにはdisplay:inline-block;と希望の幅があります。理論的には現在のテーブルのCSSでこれを行うことができますので、うまく縮退するか、<div>と<span>などを使用することができます。いずれにせよ、テーブルを現在の表示モードから各行が独自のブロック要素であるものに分割する必要があります。

例：

table { display:block; } 
tr { display:block; } 
td { display:inline-block; } 
    td.short { width:100px; } 
    td. [etc...]