允许一个细胞生长而另一个细胞收缩至内容物

Question

我在HTML中有这个简单的表格行：

<tr>
   <th>Word</th>
   <td>£6.00</td>
</tr>

行是固定宽度，数字可以是任意大小（因此可能是6,000,000英镑）。如何保持数字缩小或扩展到所需的大小，并允许单词占用可用空间？

Answer 1

使用min-width, max-width CSS代码

进行游戏

Answer 2

将包含数字的单元格设置为width:1px，它将拉伸以适合其内容。然后将第一个单元格设置为自动宽度，如下所示：

td:first-child{width:auto;}
td:last-child{width:1px;}

在此处查看此操作 - h ttp://jsfiddle.net/ajthomascouk/tXkqc/

Answer 3

th {width:99%} 

应强制第一列采用所有可用宽度并将数字列缩小到最小宽度