HTML 表格 - 如何使除最后一个以外的所有单元格始终足够宽？答案

【问题标题】：HTML Tables - how can I make all cells other than the last always be wide enough?HTML 表格 - 如何使除最后一个以外的所有单元格始终足够宽？
【发布时间】：2011-11-23 11:58:44
【问题描述】：

我有一张这样的桌子：

<table>
    <tbody>
        <tr>
            <td>someArg:String</td>
            <td>&ndash;</td>
            <td>This is a description about this argument.</td>
        </tr>
    </tbody>
</table>

表格使用 CSS 设置为 100% 宽度，并根据浏览器宽度动态显示。

当第三个单元格内容较少时，第一个单元格将全部在一行。但是，当第三个单元格包含大量内容时，第一个单元格会皱缩，可能看起来像这样：

someArg:
String

我想确保第一列的内容总是拉伸其单元格以完美适应（显然，对于表格中最宽的第一个单元格，而不是单独的）。

从这里开始，我只希望行中的最后一个单元格用完表格 100% 宽度的剩余部分。

我怎样才能做到这一点？

这里有一个fiddle 以获得更多解释：http://jsfiddle.net/8CHMv/

【问题讨论】：

标签： html css html-table

【解决方案1】：

我会在你想成为一行的 td 中添加一个类并添加

.myClass{
   white-space:nowrap;
}

【讨论】：

【解决方案2】：

将 nowrap 元素添加到您的 HTML TD 标记中。

【讨论】：

【解决方案3】：

<td nowrap="nowrap"> 来自http://www.w3schools.com/tags/att_td_nowrap.asp

【讨论】：

【解决方案4】：

也许将 CSS 中的 white space: nowrap 属性设置为第一个 CSS 类？

这里有关于 nowrap 的详细信息http://www.w3schools.com/cssref/pr_text_white-space.asp

【讨论】：

【解决方案5】：

有两个想法：

如果第一列的内容几乎一样，就给第一列一个固定的宽度。并让第三列没有设置宽度。
如果第一列的内容差别很大，设置

white-space: nowrap;

用 css 给它。

【讨论】：