HTML表的边距/填充/边框（？）问题

Question

拥有HTML代码

<table cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td>
        <img src="...">
      </td>
    </tr>
  </tbody>
</table>

CSS个样式

* {
    border: none;
    margin: 0;
    padding: 0;
}
table {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 110px;
    height: 92px;
    margin-left: -55px;
    margin-top: -46px;
}
img {
    width: 110px;
    height: 92px;
}

可在 this fiddle ，

中访问

我希望表内容中没有边距，没有填充和边框。但是桌面高度与图像高度不同。 td元素中的某处有一些额外的像素。

这里有什么问题？是样式还是HTML代码？

Answer 1

这是你的CSS。

添加display：block; img css为你解决了这个问题。

Table cells larger than they are meant to be

Answer 2

它看起来像是图像的对齐问题，

img {
    width: 110px;
    height: 92px;
    vertical-align:middle;
}

应该修复它，这个fiddle显示上面的修复。