没有填充的 html 表格在桌面邮件程序中呈现正常，但在 webmails 上有一个不需要的额外水平填充

Question

我正在处理 html 电子邮件。我在 table 上显示 2 张图片时遇到问题:

        <table  border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td >
                        <img src="image1.jpg" alt="BAKERTILLY vous souhaite ses meilleurs voeux pour 2016 / Bests wishes for 2016 from BAKERTILLY" style="border: none;" />

                </td>
            </tr>
            <tr>
                        <td  >
            <img src="image2.jpg" alt="Cliquez pour voir l'animation" style="border: none;" />
    </td>
                </tr>
        </table>

(如果我将 style="padding:0px;"放入 td 标签中，结果相同。)

它在桌面浏览器上运行良好，但网络邮件程序以某种方式在表格单元格之间进行水平填充。

有没有一种已知的方法可以去除这种不需要的填充？

Answer 1

尝试在表格上使用 border-collapse 属性来解决邮件程序上的这个问题。

<table style="border-collapse: collapse;"  border="0" cellpadding="0" cellspacing="0"></table>