Html 消除图像和容器之间的间隙

你可以下载图片，这是演示

正如您在图片中看到的，图像和容器之间有一个小间隙。图像已被赋予css

垂直对齐：中间

。当我增加容器的高度时，它工作得非常好。等待一个好的答案

另一个选项

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

另一个选项

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

你应该把它修好

---

应该修复。

设置

垂直对齐：顶部
在
img

img {
    vertical-align: top;
}


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

img {
    vertical-align: top;
}


默认情况下，
vertical align
属性不是top，而是
baseline
。只需将其设置为顶部，即可达到所需的结果。
或“底部”。关键是将其设置为“基线”以外的其他值，该值允许字符下行，并取决于行高。@isherwood<代码>中间
，
顶部
，和
底部
所有工作。或“底部”。关键是将其设置为“基线”以外的其他值，该值允许字符下行，并取决于行高。@isherwood<代码>中间

，

顶部

，和

底部

都可以工作。