图像高度与表格高度不匹配

时间:2015-02-15 10:56:54

标签: html css

我把高度为900px的图像放在一张高度为900px的桌子里面。但由于某种原因,额外的5px高度会自动添加到表格的底部。这是代码。有人可以解释为什么会这样吗?感谢。

<body style="margin: 0; padding: 0;">
   <table align="center" border="1" cellpadding="0" cellspacing="0" width="650" height="900" style="border-collapse: collapse;" style="border-top: 1px solid white;">
        <tr>
         <td><img src="dummy.png" alt="#" style="width: 296px; height:auto;"></td>
        </tr>
   </table>
</body>

2 个答案:

答案 0 :(得分:2)

默认情况下,图像是内联元素。将以下样式添加到图像中,空白区域将消失。

img{display:block}

jsfiddle demo

答案 1 :(得分:-1)

这是表和td的已知问题

将图像设置为td的背景

http://jsfiddle.net/F6Gds/30/

<body>
<table align="center" border="1" width="296" height="900">
<tr>
<td style="background-image:url(http://dummyimage.com/296x900/ccc/fff);">
</td>
</tr>
</table>
</body>