在表格中间距

Question

我正在尝试在html中设置一个表。下面是部分截图。

正如你所看到的，图像和下面的单元之间有一条水平的白色条带，我无法摆脱它。我已经尝试了以下（我知道 - ott我正在受挫！）

<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;

到图像的元素样式。这是因为图像被视为文本，因此行高和字体大小也会生效。