表td调整到其内容

好奇的是，如果有办法让表格适应其内容。我的想法是有四个tds。前三个内容。最后只会填满未使用空间的其余部分。表td调整到其内容

<tr> 
    <td>Content</td> 
    <td>More Content</td> 
    <td>The Most Content</td> 
    <td></td> 
</tr>

然而，这只是给了tds看似随机的宽度。我没有用桌子做很多工作，并且很确定我错过了一些明显的东西。

理想情况下，我正在寻找类似于显示的内容：内嵌块。它如何根据其内容来调整对象的大小。

2013-07-10 Joe_Maker

你可以发布你的CSS吗？ – stackErr

这有点奇怪，因为表格行为与您所描述的完全相同。表格单元根据单元格的内容展开。如果您有多行，则给定列上的单元格将调整到同一列中具有更多内容的单元格。也许你的样式表中有一些东西是保持单元格的大小。看看这个小提琴：http://jsfiddle.net/fMTc5/ – darksoulsong

我不完全确定可能会导致它，但'display：inline-table'给了我我正在寻找的结果。 –

如果你给你的前三个表格单元的宽度为1％，它肯定不会比内容大，并且可能会像你期望的那样运行。

2013-10-06 19:32:41

回答