如何使用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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

- Echo says Reinstate Monica

Answer 1

你的表格宽度设置为100%.. 它必须要扩展一些东西 :-)

- Gatekeeper

---

是的，它给了所有三列额外的空间，但我只想让中间的列获得额外的空间。 - Echo says Reinstate Monica

把你的中间列宽度设为100% :-) - Gatekeeper

是的，我以为我漏了什么简单的东西。我考虑需要对其他两列进行一些操作，而不是简单地让中间列完全展开。 - Echo says Reinstate Monica

Answer 2

为什么不使用百分比来设置宽度？宽度100%会扩展列，如果列没有设置宽度，则按比例将剩余的宽度添加到其他列中。

- fanfavorite