使图像完全填充单元格

我想要图像填满表格单元格。与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

来源

2014-10-07 job

尝试添加'display：block'到图像。 – 2014-10-07 16:24:54

您是否尝试将图像宽度和高度设置为100％？ – 2014-10-07 16:25:26

尝试设置你的形象的高度和宽度：

这里的地方我给自己定一个demo：

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

Alernatively，如果你不希望所有图像进行设置，你可以将其创建为：

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

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

来源

2014-10-07 16:28:40

好吧，这个效果已经很好了，但现在是越过边界的图像，这也在你的例子:) – job 2014-10-07 18:23:42

添加显示：块;确实解决了这个问题:-)感谢问题现在解决:) – job 2014-10-07 18:25:24

是因为你在CSS #tabel中设置表格的宽度和高度吗？也许图像略小于预期的表格大小。尝试没有#tabel CSS。

来源

2014-10-07 16:29:26

使图像完全填充单元格

回答

相关问题