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

时间:2012-04-10 14:54:27

标签: 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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

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

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

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

2 个答案:

答案 0 :(得分:1)

你把你的桌子设置为100%宽度..它必须扩展一些东西: - )

答案 1 :(得分:0)

为什么不使用百分比来表示宽度?宽度100%扩展列,如果列没有设置宽度,则会将剩余量与其余列成比例地添加。