代码之家 › 专栏 › 技术社区 › Stefan Steinegger

IE中图像渲染过大的表单元格

html-table internet-explorer image css html

3

Stefan Steinegger · 技术社区 · 16 年前

我有以下简单的表格来重现这个问题:

<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>

我希望这个细胞和图像一样大。

问题是:在任何IE版本(6、7、8)中,表单元格总是呈现得太高一些像素,而在Firefox和其他浏览器中它工作得很好。

对此有什么解决方案/变通方法吗?

4 回复 | 直到 9 年前

1

9

Mark Bell 16 年前

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

2

4

andre-r 16 年前

http://www.evilfish.co.uk/2007/07/31/ie-white-space-after-image-bug/

td标签。在图像面前,这似乎并不重要。

3

2

Pops Atula 14 年前

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

使用 display:block
<td> <tr> 和 <td> 标签之间没有任何空格)

使用

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

hspace=0 图像标签的属性。例如:

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

我在下面举了一个例子 http://www.PrintersRose.com .

4

0

Anax 16 年前

尝试以下操作:

<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>