Html 如何消除表格单元格中额外的垂直间距？

在本例中：

凉豆

---

图像下方有一个突出的

4px

填充。如何使其消失？

在图像上设置垂直对齐：

img {
    vertical-align:top;
}

---

尝试

img{display:block；}

或将

style=“display:block；”

添加到您的

img

标记中，

img

标记呈现

inline

默认情况下，浏览器在

inline

元素下呈现额外的间距，以允许下行。

img {
    vertical-align:top;
}