使单元格宽度适合内容

给定以下标记，如何使用CSS强制一个单元格（列中的所有单元格）适合其内容的宽度而不是拉伸（这是默认行为）？

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

编辑：我知道我可以对宽度进行硬编码，但是我不愿意这样做，因为该列中的内容是动态的。

看下面的图像，第一张图像是标记生成的图像。第二张图片是我想要的。

在此处输入图片说明