コンテンツにセル幅を合わせる

Question

次のマークアップを考えれば、CSSを使用して1つのセル（列内のすべてのセル）をストレッチ（デフォルトの動作）ではなくコンテンツ内の幅に合わせるにはどうすればよいですか？

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

編集：私は、私はハード幅をコーディングすることができ実現が、私はむしろ、その列に行くコンテンツが動的であるとして、あることないと思います。

下の画像を見ると、最初の画像はマークアップの生成画像です。第二のイメージは私が望むものです。

Answer 1

私はあなたの質問を理解してかどうかわからないんだけど、私はそれで刺してみましょう。 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; 
}