Dopasuj szerokość komórki do treści

Question

Zważywszy na następujące znaczenie, jak mogę użyć CSS do wymuszenia jednej komórki (wszystkich komórek w kolumnie), aby dopasować ją do szerokości zawartości w niej, a nie rozciągać (co jest domyślnym zachowaniem)?

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

EDIT: Zdaję sobie sprawę, mogłem ciężko kod szerokość, ale wolałbym nie robić, jak treść, która trafi w tej kolumnie jest dynamiczna.

Patrząc na obrazek poniżej, pierwszy obraz jest tym, co produkuje znacznik. Drugi obraz jest tym, czego chcę.

Answer 1

Nie jestem pewien, czy rozumiem pytanie, ale wezmę ukłucie na niego. 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; 
}