Html 如何使用css设置列的自动最小宽度?

Html 如何使用css设置列的自动最小宽度?,html,css,html-table,width,Html,Css,Html Table,Width,我试图创建一个表,其中两列是包含内容所需的最小宽度,第三列将尽可能宽。我确实知道这两列的宽度,它们不会有太大的变化,但我希望硬编码的宽度尽可能少 以下是我得到的: ​<table width="100%"> <tr> <td align="left" style="width:auto;"> 123 123 123 123 123 </td> <td align=

我试图创建一个表,其中两列是包含内容所需的最小宽度,第三列将尽可能宽。我确实知道这两列的宽度,它们不会有太大的变化,但我希望硬编码的宽度尽可能少

以下是我得到的:

​<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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
​
123 123 123 123 123
布拉布拉
你好
​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
第一列和最后一列占用的空间超过需要,导致中间列看起来不居中。有没有办法做到这一点,或者我应该只是硬编码的宽度

编辑:答案很简单。以下是完整答案,以防对其他人有所帮助:

​<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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
​
123 123 123 123 123
布拉布拉
你好
​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

好吧,您的桌子设置为100%宽度。。它必须展开一些东西:-)

为什么不使用百分比作为宽度?宽度100%扩展列,如果列没有设置的宽度,则按比例添加剩余的列数

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