html - 消除图像和容器之间的间隙

Question

你可以图像，这是演示http://jsfiddle.net/yJUH4/8/

正如您在图片中看到的那样，图像和容器之间出现了一个小间隙。图片已经给 css 了vertical-align:middle。当我增加容器的高度时，它可以完美地工作。等待一个好的答案

Answer 1

设置vertical-align:top在img

img {
    vertical-align: top;
}

jsFiddle在这里

默认情况下，该vertical-align属性不是 top ，而是baseline. 只需将其设置为顶部，您就可以获得所需的结果。

Answer 2

另一种选择...

td {
    display: inline-block;
    padding: 0;
}

http://jsfiddle.net/isherwood/yJUH4/11/

Answer 3

img {
    display:block;
    margin:0 auto;
}

应该修复它。