2011-06-16 54 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%} 

應該迫使第一列採取一切可用的寬度和縮小數字列到最小寬度

相關問題