我希望图像完全填满表格单元格。使用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
答案 0 :(得分:4)
尝试设置图片的高度和宽度:
这是我设置的demo:
img{
width:100%;
height:100%
}
Alernatively,如果您不想设置所有图像,可以将其创建为:
.myStyle{
width:100%;
height:100%;
}
然后为你的图片添加“myStyle”类。
答案 1 :(得分:0)
是不是因为你在CSS #tabel中设置表格的宽度和高度?也许图像略小于预期的表格大小。不用#tabel CSS就试试吧。