html - 如何使用CSS在列上设置自动最小宽度？

Question

我正在尝试创建表格，其中两列是包含内容所需的最小宽度，第三列尽可能宽。我确实知道两列的宽度，它们不会改变那么多，但我宁愿尽可能少的硬编码宽度。

这是我得到的:

​<table width="100%">
    <tr>
        <td align="left" style="width:auto;">
            123 123 123 123 123
        </td>
        <td align="center">
            bla bla
        </td>
        <td align="right" style="width:auto;">
            hello
        </td>
    </tr>
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

第一列和最后一列占用的空间比需要的多，导致中间列看起来不居中。有没有办法做到这一点，或者我应该只对宽度进行硬编码？

编辑:答案很简单。这是完整的答案，以防对其他人有帮助:

​<table width="100%">
    <tr>
        <td align="left" style="white-space:nowrap;">
            123 123 123 123 123
        </td>
        <td align="center" width="100%">
            bla bla
        </td>
        <td align="right">
            hello
        </td>
    </tr>
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Answer 1

好吧，您将表格设置为 100% 宽度..它必须扩展一些东西:-)