使图像完全填充单元格
问题描述:
我想要图像填满表格单元格。与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
答
是因为你在CSS #tabel中设置表格的宽度和高度吗?也许图像略小于预期的表格大小。尝试没有#tabel CSS。
尝试添加'display:block'到图像。 – 2014-10-07 16:24:54
您是否尝试将图像宽度和高度设置为100%? – 2014-10-07 16:25:26