Verilen aşağıdaki biçimlendirme, nasıl kullanabilir miyim CSS zorla bir hücre (hücre sütun) için uygun genişlik kapsamında bunun yerine streç (varsayılan davranış)?

<style type="text/css">
td.block
{
border: 1px solid black;
}
</style>
<table style="width: 100%;">
<tr>
    <td class="block">this should stretch</td>
    <td class="block">this should stretch</td>
    <td class="block">this should be the content width</td>
</tr>
</table>

EDİT: sabit genişlik kod olabilir farkındayım, ama daha ziyade, sütunda gidecek olan içeriği dinamik olarak yapmak istiyorum.

Bu aşağıdaki resme baktığımızda, ilk görüntü biçimlendirme üretir. İkinci görüntü istiyorum.

Eğer sorunuzu anladığımdan emin değilim, ama bir bıçak alacağım. JSfiddle of the example.

HTML:

<table style="width: 100%;">
<tr>
    <td class="block">this should stretch</td>
    <td class="block">this should stretch</td>
    <td class="block">this should be the content width</td>
</tr>
</table>

CSS:

td{
    border:1px solid #000;
}

tr td:last-child{
    width:1%;
    white-space:nowrap;
}