在IE中图像呈现过大的表格单元格

可以将图像设置为块元素,这将删除空间。

<IMG style="display: block; width: 24px; height: 68px; margin:0px; padding:0px; border:none" src="Image24x68.png"> 

看起来像这样: http://www.evilfish.co.uk/2007/07/31/ie-white-space-after-image-bug/

删除图像和 关闭 TD标签。在形象面前,这似乎无关紧要。

我在这页上尝试了所有其他的解决方案:

1. 使用 display:block
2. 删除中的空白 <td> 标签(即我使用的 <tr> 和 <TD & GT; 标签之间没有空格)

3. 使用

   padding:0px;
   border-spacing:0px;
   border-style:none;
   border-collapse: collapse;
   margin:0;
   overflow: hidden;
   

除了方法(1)之外,这些方法都不起作用,在我把头发扯了三个小时后,我找到了一个更好的解决方法:添加 hspace=0 属性设置为图像标记。例如:

<img src="http://www.printersrose.com/css/myimages/book1.jpg" alt="Header1"
  class="ImageHeader" hspace="0">

我举了个例子 http://www.PrintersRose.com 。

请尝试以下操作:

<table>
  <tr>
    <td style="border: 1px solid black; font-size: 1pt;">
    <img style="width: 24px; height: 68px; margin: 0;
       padding: 0; border: 0" src="Image24x68.png" /> 
    </td>
  </tr>
</table>

(PS对HTML标记使用小写。)