html - 使图像完全填满单元格

Question

我想要一张图片完全填满表格单元格。使用 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;
}

这是我的表格的截图 http://i62.tinypic.com/1584fnb.png

Answer 1

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

这是一个 demo我设置的位置:

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

或者，如果您不想设置所有图像，您可以将其创建为:

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

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