使两个表具有相同的列宽？

Question

我有两个表，每个表有两列。有没有办法让他们的第0列具有相同的宽度？：

// table0 
--------------------------- 
|   | words words | 
| apples | words words | 
|   | words words | 
--------------------------- 

// table1 
------------------------------------ 
|     | words words | 
| diamond almonds | words words | 
|     | words words | 
------------------------------------ 

呀因此，最好table0的第0列将是完全一样的宽度表1的。我需要在两个表格之间加上一个标签，否则我只是将它们全部放在同一张桌子上，并完全避免这个问题。喜欢的东西：

  Centered Title 0 
------------------------------------ 
|     | words words | 
| apples    | words words | 
|     | words words | 
------------------------------------ 

      Centered Title 1 
------------------------------------ 
|     | words words | 
| diamond almonds | words words | 
|     | words words | 
------------------------------------ 

谢谢

Answer 1

只需使用CSS在<colgroup>

你的表

<table border="1"> 
    <colgroup class="title"></colgroup> 
    <colgroup class="description"></colgroup> 
    <tr> 
    <td>apples </td> 
    <td>words words words words words words words</td>  
    </tr> 
</table> 

CSS

.title{ 
    width: 100px; 
} 

.description{ 
    width: 200px; 
} 

jsFiddle示例