テーブル内の特定の行レイアウト

Question

テーブルの行の流れを制御する方法はありますか？

垂直フローを使用する代わりに、指定した数値でグループ化してグループを並べて表示したいと思います。グループサイズが3の場合

この（非標準の）HTMLコードは、期待される結果を示しているが、複数のテーブル使用：ここ

<style type="text/css"> 
    table 
    { 
     float: left; 
     border-collapse: collapse; 
    } 

    td, th 
    { 
     border: solid black 1px; 
    } 
</style> 

<table> 
    <tr><th>ID</th><th>Name</th><th>Address</th></tr> 
    <tr><td>1</td><td>John</td><td>Oregon</td></tr> 
    <tr><td>2</td><td>Joe</td><td>NY</td></tr> 
    <tr><td>3</td><td>Bobby</td><td>Texas</td></tr> 
</table> 

<table> 
    <tr><th>ID</th><th>Name</th><th>Address</th></tr> 
    <tr><td>4</td><td>John</td><td>Oregon</td></tr> 
    <tr><td>5</td><td>Joe</td><td>NY</td></tr> 
    <tr><td>6</td><td>Bobby</td><td>Texas</td></tr> 
</table> 

<table> 
    <tr><th>ID</th><th>Name</th><th>Address</th></tr> 
    <tr><td>7</td><td>John</td><td>Oregon</td></tr> 
    <tr><td>8</td><td>Joe</td><td>NY</td></tr> 
</table> 

結果が得られる。

Answer 1

あなたが好きなような音rowgroupsまたはcolgroups Rowgroupsは、その後、あなたがdisplay:tableにtbody Sを変更し、それらを浮動によってグループのサイドバイサイドを配置することができるかもしれない<tbody>

<table> 
    <tbody> 
    <tr><th>ID</th><th>Name</th><th>Address</th></tr> 
    <tr><td>4</td><td>John</td><td>Oregon</td></tr> 
    <tr><td>5</td><td>Joe</td><td>NY</td></tr> 
    <tr><td>6</td><td>Bobby</td><td>Texas</td></tr> 
    </tbody> 
    <tbody> 
    <tr><th>ID</th><th>Name</th><th>Address</th></tr> 
    <tr><td>7</td><td>John</td><td>Oregon</td></tr> 
    <tr><td>8</td><td>Joe</td><td>NY</td></tr> 
    </tbody> 
</table> 

http://www.w3.org/TR/html401/struct/tables.html#h-11.2.3

を使用して作成されます。これは、サイドバイサイドテーブルの外観を与えますが、それでも意味的には正しいでしょう。