如何使用css在列上设置自动最小宽度？答案

【问题标题】：How to set an auto minimum width on column with css?如何使用css在列上设置自动最小宽度？
【发布时间】：2012-04-22 21:08:56
【问题描述】：

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

这是我得到的：

<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>

【问题讨论】：

标签： html css html-table width

【解决方案1】：

为什么不使用百分比来表示宽度？宽度 100% 扩展列，如果列没有设置宽度，它会按比例添加剩余的列的其余部分。

【讨论】：

【解决方案2】：

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

【讨论】：

是的，它为所有三列提供了额外的空间，但我只希望中间列获得额外的空间。
将中间列设置为 100% 宽度 :-)
是的......我以为我错过了一些简单的东西。我在想我需要对其他两列做点什么，而不是简单地让中间列完全展开。