删除图像和Container之间的间隙

Question

您可以使用图片，这是演示http://jsfiddle.net/yJUH4/8/

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

Answer 1

在vertical-align:top

上设置img

img {
    vertical-align: top;
}

jsFiddle here

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

Answer 2

另一个选择......

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

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

Answer 3

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

应该修复它。