使表格單元的大小相同（寬度/高度）不計算標題

Question

如何強制表格爲標題（垂直和水平）佔用一些空間並使所有其他單元格（<td>）的大小相同？

<table> 
    <tr> 
    <th></th><th... 
    </tr> 
    <tr> 
    <th></th><td... 
    </tr> 
    <tr... 
</table> 

JSFiddle here

想所有的灰色方塊有相同的大小...任何方式通過CSS做呢？

Answer 1

同等大小的細胞添加此規則

table { 
    table-layout: fixed; 
} 

上MDN

如果您還需要減少細胞的高度剛剛從表中刪除height=100%和高度設置爲更多信息<th> elements