Html 如何使一个表列填充所有多余的水平空间？

我有一个由3列组成的HTML表。它的固定宽度为600px

<table>
  <tr>
    <td>Name</td>
    <td>Qty</td>
    <td>Actions</td>
  </tr>
</table>

名称
数量
行动

我希望Qty和Actions列尽可能小（将内容保持在一行），Name列占用剩余的可用空间。“数量”和“操作”列的大小根据内容/字体大小而变化，因此固定宽度在这种情况下不起作用

有没有在HTML/CSS中实现这一点的方法？或者这是我需要破解Javascript的东西吗？

您可以在该列上应用width=“99%”。例如：

<table> 
  <tr> 
    <td width="99%">Name</td> 
    <td>Qty</td> 
    <td>Actions</td> 
  </tr> 
</table> 

名称
数量
行动

您可以使用最大宽度：99%；在第一列上，为其他列提供固定大小（我使用像素大小的列）

威尔·马克斯
这里的尺寸是固定的

您是否尝试使用nowrap。请注意，该属性已弃用，应与css一起使用，如其中所述。这并不能解决我的主要问题，即其他两个单元格太宽，而不是太窄。但除了Ranta的答案，这正是我想要的，谢谢。这很好，只要我在其他细胞上使用nowrap。我觉得有点愚蠢，因为我现在没有想到它。感谢width属性也被弃用，应该改用css：在Firefox中工作良好。在Webkit浏览器中，这会挤压没有明确设置宽度的图像。你真是个天才。这让我抓狂。注意，这不适用于表格布局：已修复。在固定的表格布局下，列实际上将获得100%的宽度。

<table style="width: 100%;">
  <tr>
    <td style="max-width: 99%">
      Will max
    </td>
    <td style='width:110px;'> 
      fixed size here
    </td>
  </tr>
</table>