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

我将一个类添加到你想成为一个行并添加

.myClass{ 
    white-space:nowrap; 
} 

Answer 2

的NOWRAP元素添加到您的HTML TD标记。

Answer 3

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

Answer 4

也许设置空白的TD：NOWRAP财产在CSS中的第一至一个CSS类？在这里http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 5

的NOWRAP

详细信息有两种思路：

1. 如果第一列的内容几乎是一样的，只是给一个固定宽度的第一列。并留下第三列没有宽度设置。

2. 如果第一列的内容有很大的不同，设置

   white-space: nowrap;

与CSS它。