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％宽度，并根据浏览器宽度动态显示。

当第三个单元格具有少量内容时，第一个单元格将全部在一行上。但是，当第三个单元格包含大量内容时，第一个单元格将会变形，看起来像这样：

someArg:
String

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

从这里开始，我只想让行中的最后一个单元格用尽表格的100％宽度。

我怎样才能做到这一点？

以下是fiddle的更多解释：http://jsfiddle.net/8CHMv/

Answer 1

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

.myClass{
   white-space:nowrap;
}

Answer 2

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

Answer 3

来自http://www.w3schools.com/tags/att_td_nowrap.asp

的

<td nowrap="nowrap">

Answer 4

也许将CSS中的空格：nowrap属性设置为第一个作为CSS类？

有关nowrap的详情http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 5

有两个想法：

1. 如果第一列的内容几乎相同，只需给第一列固定宽度。并保留第三列没有设置宽度。

2. 如果第一列的内容有很大差异，请设置

   white-space: nowrap;

用css。