Hücre genişliğini içeriğe sığdır

Question

Aşağıdaki işaretleme verildiğinde, bir hücreyi (sütundaki tüm hücreler), içeriğin genişliğini değil de (varsayılan davranış) genişliğine sığdırmaya zorlamak için CSS'yi nasıl kullanabilirim?

<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> 

DÜZENLEME: Ben sert genişliği kodu yazabilirsiniz farkındayım ama doğrusu o sütundaki gidecek içeriği dinamik olduğu gibi bunu istemem.

Aşağıdaki resme bakarak, ilk görüntü biçimlendirmenin ürettiği şeydir. İkinci görüntü istediğim şey.

Answer 1

Ben sorunuzu anlamak emin değilim, ama bunun 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; 
}