使图像完全填满单元格

Question

我希望图像完全填满表格单元格。使用css我已将填充设置为零，但它没有帮助。有人对此有什么想法吗？

Greetz Job

.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%
}

Alernatively，如果您不想设置所有图像，可以将其创建为：

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

然后为你的图片添加“myStyle”类。

Answer 2

是不是因为你在CSS #tabel中设置表格的宽度和高度？也许图像略小于预期的表格大小。不用#tabel CSS就试试吧。