如何在HTML表的TD内部拟合图像

Question

我正在使用以下方式在TD中显示图像：

但是图像的宽度似乎比TD定义的宽度大。

请给我一些解决方案。

Answer 1

CSS解决方案

td img {
    max-width:100%;
    height:auto;
}

Answer 2

你可以试试这个：

如果您希望所有<td>都有图片：

HTML：

<table class="imagetable">

<tr>

<td>Hey wat up</td>

</tr>

</table>

CSS：

.tableimage td {
background-image:url('http://example.com/image.jpg');
background-size: 100% 100%;
}

如果您只想让一个<td>拥有图片

HTML：

<td class="image">Hey wat up</td>

CSS：

.image {
background-image:url('http://example.com/image.jpg');
background-size: 100% 100%;
}

希望这会有所帮助：）