如何用css在列上设置自动最小宽度?

Ech*_*ica 5 html css html-table width

我正在尝试创建表,其中两列是包含内容所需的最小宽度,第三列将尽可能宽.我知道这两列的宽度有多大,而且它们不会改变那么多,但我宁愿尽可能少的硬编码宽度.

这是我得到的:

?<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>??????????????????????????????????????????
Run Code Online (Sandbox Code Playgroud)

第一列和最后一列占用的空间超过了所需的空间,导致中间列看起来不居中.有没有办法做到这一点,还是我应该硬编码宽度?

编辑:答案很简单.以下是完整的答案,以防其他人:

?<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>??????????????????????????????????????????
Run Code Online (Sandbox Code Playgroud)

Gat*_*per 1

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