使表格单元格大小相等（宽度/高度）不计算标题

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>元素