2011-06-16 52 views
0

我在HTML这个简单的表格行:允许一个小区到,而另一个收缩增长到内容

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

该行是一个固定的宽度,并且所述数目可以是任意大小(因此可能是6000000£) 。我怎样才能让数字缩小或扩大到所需的大小,并让这个词占据整个可用空间?

回答

0

播放与min-width, max-width CSS标签

0

集,其中包含数有width:1px它将延伸到适合其内容的单元格。然后设置第一单元具有宽度自动,就像这样:

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

看到它在这里的行动 -^h ttp://jsfiddle.net/ajthomascouk/tXkqc/

+0

不错的建议 - 不在IE8中工作,虽然 – 2011-06-16 12:46:35

+0

你没有错。 [这是怎么回事](http://jsfiddle.net/ajthomascouk/tXkqc/8/) - 我测试了它在IE8中,它的工作原理。 – Alex 2011-06-16 13:28:40

0
th {width:99%} 

应该迫使第一列采取一切可用的宽度和缩小数字列到最小宽度

相关问题