html - 如何将图像放入 HTML 表格的 TD 中

Question

我正在使用以下方法在 TD 内显示图像：

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

请给我一些解决方案。

Answer 1

CSS 解决方案

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

Answer 2

你可以试试这个：

如果您希望 ALL<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%;
}

如果您只想让 ONE<td>拥有图像

HTML：

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

CSS：

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

希望这可以帮助 ：）