消除图像和容器之间的间隙[重复]

【问题标题】：Remove the gap between the image and the Container [duplicate]消除图像和容器之间的间隙[重复]
【发布时间】：2013-10-31 20:51:14
【问题描述】：

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

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

【问题讨论】：

标签： html css

【解决方案1】：

在img上设置vertical-align:top

img {
    vertical-align: top;
}

默认情况下，vertical-align 属性不是顶部，而是baseline。只需将其设置为顶部，即可达到预期的效果。

【讨论】：

【解决方案2】：

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

应该修复它。

【讨论】：

【解决方案3】：

另一种选择...

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

【讨论】：