Html 如何按内容自动调整表格宽度？

这是我的网站布局

---

正如你所看到的，有图片的单元格与下一个单元格之间有很大的间距。我怎样才能使它自动与它的内容？我不能给它一个固定的宽度，因为图片总是有不同的宽度大小。

只需添加

display:inline table在您的td中。它会解决你的问题

td {
    display: inline-table;
    vertical-align: top;
}

只需应用此css并进行检查。
您需要为图像设置宽度：100%和高度自动，并需要为文本部分设置更大的宽度。
因为您的表中只有一行，默认情况下单元格宽度为自动。我有两行。如果单元格是自动的，为什么带有图片的单元格在两个单元格之间有间隙？我建议使用div结构而不是table。如果你不能改变它。您可以为第一个td指定固定宽度（例如：宽度：100px）。即使给定固定的宽度，表格也会自动调整大小。这是因为div“Series cover”的宽度比它包含的图像大，所以单元格会根据div（也是它的内容）而不是图像进行调整image@sinaspd那么，我如何给div#系列封面设置自动宽度？