html - 带有图像的表格单元格中的神秘填充

Question

我不想承认这一点:我正在构建一个复杂但对 gmail 友好的 HTML 电子邮件群发(内联样式)。无论如何，这是一场 table 和 split 图像的游戏，我似乎已经忘记了我 1995 年的所有 table 魔力。

http://www.highgatecross.com/development/tables/

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td><img src="skyline.jpg" alt=""></td>
        <td><img src="skyline-02.jpg" alt=""></td>
        <td><img src="skyline-03.jpg" alt=""></td>
    </tr>
    <tr>
        <td colspan="3"><img src="skyline-04.jpg" alt=""></td>
     </tr>
</table>

我在每个图像下方都有一个神秘的 4 像素“填充”(Firebug 中的 DOM 面板显示一个单元格“clientHeight”比我的图像大 4 个像素)。

我尝试了已弃用的 HTML 样式(高度等)和 CSS 的所有组合，但没有任何乐趣。

那么，简单地说，我该如何去除 4 个像素并缩小行之间的间隙？

Answer 1

只需在图像上使用 style="display: block" 。

问题已解决。