相关疑难解决方法(0)

给定以下标记,我如何使用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>

编辑:我意识到我可以硬编码宽度,但我宁愿不这样做,因为该列中的内容是动态的.

查看下图,第一张图像是标记产生的图像.第二张图是我想要的.

我有一个包含2行和可变列的表.我试过该列的宽度= 100%.因此视图中的第一个内容将适合.但是假设我是否动态更改内容,那么它不会动态增加/减少HTML表格列的大小.提前致谢.