html - 表中的间距

Question

我正在尝试用 html 设置表格。以下是部分截图。

如您所见，图像和下面的单元格之间有一条水平的白色 strip ，我无法摆脱它。我尝试了以下方法(我知道有点奥特 - 但我感到很沮丧!)

<table style="text-align: center; border: 0; background-color: #ffffff; padding: 0; margin: 0; border-collapse: collapse; ">
    <tr style="text-align: center; border: 0; background-color: #ffffff; padding: 0; margin: 0; border-collapse: collapse; ">
        <td width="200px" height="175px"  style="text-align: center; border: 0; background-color: #ffffff; padding: 0; margin: 0; border-collapse: collapse; "> 
            <img src="img" style="display: block; padding: 0; border: 0;" /> 
        </td>
    </tr>
    <tr style="text-align: center; border: 0; background-color: #ffffff; padding: 0; margin: 0; border-collapse: collapse; ">
        <td width="200px" height="25px"  style="text-align: center; border: 0; background-color: #535152; color: #fffdfe; padding: 0; margin: 0; border-collapse: collapse; ">
            Text
        </td>
    </tr>
</table>

这是基于我所拥有的 - 只是更简单。关于如何消除该差距的任何想法？

Answer 1

添加

vertical-align: top;

到图片的元素样式。这是因为图像被视为文本，因此 line-height 和 font-size 也会生效。