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

Ste*_*ger 3 html css internet-explorer html-table image

我有以下简单表来重现该问题:

<TABLE>
  <TR>
    <TD style="border: black solid 1px; width:24px; height:68px; margin:0px; padding:0px" >
    <IMG 
      style="width: 24px; height: 68px; margin:0px; padding:0px; border:none" 
      src="Image24x68.png"> 
    </TD>
  </TR>
</TABLE>
Run Code Online (Sandbox Code Playgroud)

图像实际上是24x86像素大.边界只是标记细胞的边界.没有为文档分配css文件.

我希望单元格与图像一样大.

问题是:在任何IE版本(6,7,8)中,表格单元格总是呈现几个像素太高,而在Firefox和其他浏览器中它可以正常工作.

这有什么解决方案/解决方法吗?

Mar*_*ell 9

您可以将图像设置为显示为块元素,这样可以删除空间.

<IMG style="display: block; width: 24px; height: 68px; margin:0px; padding:0px; border:none" src="Image24x68.png"> 
Run Code Online (Sandbox Code Playgroud)