html - 表 td 调整到它的内容

Question

好奇是否有办法让表格适应其内容。我的想法是有四个 td。前三个有内容。最后一个只会填满剩余的未使用空间。

<tr>
   <td>Content</td>
    <td>More Content</td>
    <td>The Most Content</td>
    <td></td>
</tr>

然而，这只是给了 tds 看似随机的宽度。我没有对表格做太多的工作，我很确定我遗漏了一些明显的东西。

理想情况下，我正在寻找类似于 display:inline-block 的东西。它如何根据其中的内容调整对象的大小。

Answer 1

如果你给你的前三个表格单元格设置 1% 的宽度，它肯定不会比内容大，并且可能会像你期望的那样表现。