html - 如何让一个表列填满所有多余的水平空间？

我有一个包含 3 列的 HTML 表格。它的固定宽度为 600 像素。

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

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

有没有办法在 HTML/CSS 中做到这一点？还是我需要为此打破 Javascript？

最佳答案

您可以在该列上应用 width="99%"。例如:

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

关于html - 如何让一个表列填满所有多余的水平空间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7138605/