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

Question

我有一个这样的表:

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

表格使用 CSS 设置为 100% 宽度，并且是基于浏览器宽度的动态。

当第三个单元格的内容较少时，第一个单元格将全部在一行上。但是，当第三个单元格包含很多内容时，第一个单元格会皱起来，可能看起来像这样:

一些参数:
字符串

我想确保第一列的内容始终拉伸(stretch)其单元格以完美适合(显然是表格中最宽的第一个单元格，而不是单独的)。

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

我怎样才能做到这一点？

这是一个fiddle更多解释:http://jsfiddle.net/8CHMv/

Answer 1

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

.myClass{
   white-space:nowrap;
}