html - 在 HTML 表格中按比例调整列的大小

Question

我有一个 HTML 表格:

<table style="width: 398px;">
  <tbody>
  <tr>
    <th style="width: 40px">A</th>
    <th>Col B</th>
    <th>A longer column</th>
    <th>D</th>
  </tr>
  </tbody>
<table>

第一列设置为固定宽度。我希望其他三列均等地用完所有剩余空间。

有没有办法在不指定每列像素宽度的情况下做到这一点？

可以看到最后三列没有使用相同的宽度: http://jsfiddle.net/ztyku/4/

Answer 1

你确定吗？这是在什么浏览器中发生的？这是来自您的 html:

http://jsfiddle.net/ztyku/

编辑:我刚刚在主要(现代)浏览器中试过这个并且它有效。顺便说一句，你为什么要放<th> <tbody> 内的标签？