Html 使图像完全填满单元格

我需要一个图像来完全填充表格单元格。对于css，我已经将填充设置为零，但没有帮助。有人对此有什么想法吗

格里茨工作

.HTML

<div id="vakjes">
<table id="tabel" border="1">
<tr>
    <td><img class="" src="images/jack.png"></td>
    <td><img class="" src="images/jack.png"></td>
</tr>
<tr>
    <td><img class="" src="images/jack.png"></td>
    <td><img class="" src="images/jack.png"></td>
   </tr>
</table>
</div>


CSS

table, tr, td {
 border: 1px solid #FF7300;
 padding: 0px;
 vertical-align: bottom;
}

#tabel {
 width: 345px;
 height: 345px;
}

.HTML
CSS
表，tr，td{
边框：1px实心#FF7300；
填充：0px；
垂直对齐：底部对齐；
}
#泰贝尔{
宽度：345px；
高度：345px；
}

这是我桌子的截图

---

尝试设置图像的高度和宽度：

这里是我设置的一个位置：

img{
    width:100%;
    height:100%
}

此外，如果您不希望设置所有图像，可以将其创建为：

.myStyle{
width:100%;
height:100%;
}

---

然后为您的图像添加“myStyle”类。

尝试设置图像的高度和宽度：

这里是我设置的一个位置：

img{
    width:100%;
    height:100%
}

此外，如果您不希望设置所有图像，可以将其创建为：

.myStyle{
width:100%;
height:100%;
}

---

然后为您的图像添加“myStyle”类。

是因为您正在CSS选项卡中设置表格的宽度和高度吗？可能图像比预期的表大小稍小。不使用#tabel CSS试试吧。

是因为您正在CSS#tabel中设置表格的宽度和高度吗？可能图像比预期的表大小稍小。尝试不使用#选项卡CSS。

尝试将

display:block

添加到图像中。您是否尝试将图像宽度和高度设置为100%？尝试将

display:block

添加到图像中。您是否尝试将图像宽度和高度设置为100%？好的，这已经很好了，但现在图像是否越过边界，这也在您的示例中：）添加Display:block；是否解决了此问题：-）谢谢问题现在解决了：）好的，这已经更好了，但现在图像正在越过边界，这也是在您的示例中：）添加显示：块；是否已解决此问题：-）谢谢问题现在已解决：）