Html 为什么gmail总是在电子邮件中添加或删除项目宽度的小数部分？

我正在制作一个电子邮件HTML模板，并向我的gmail帐户发送了一个测试。我指定了每个

元素的宽度，并确保一行中的所有

宽度加起来与表的宽度完全一致。但在我看来，gmail总是为我指定的

td

宽度添加或删除一些十进制数字，这导致表格宽度和整个

td

宽度之间有点不匹配。这种不匹配将显示表的边框和一行中最后一个

td

之间的一个小间隙，这对我来说有点烦人。有人知道如何解决这个问题吗

实际上，这种不匹配只发生在gmail中。Hotmail和yahoo没有这个问题

代码如下：（里面有一些汉字，你可以忽略它们）

让博莫达
新闻稿

---

如您所见，650宽度表只有一行，其中有三个

td

。它们的宽度分别为18、297和315，总计等于630（考虑到表格的左右两侧有10个宽度边框）。但是当我在chrome中使用开发者工具查看每个

td

的宽度时，它显示每个

td

的计算宽度分别是17.2727260585996、296.3636169433594和315.4545288085975，加起来不等于630。因此，在表格边框和最右边的图片之间会有一个小间隙

尝试在所有列的上方放置一个包含2列的空行。有时，如果不在表的第一行中指定列宽度，则可能会出现问题

---

不确定这是否能解决您的问题，但我过去遇到过不先设置列宽度的问题

不要将表格用于布局但用于电子邮件，如果我不想使用切片图像，我想我必须将表格用于布局。@Kansha表格是html电子邮件中正确布局所必需的。我知道这似乎是倒退，但在电子邮件客户端改进之前，这是一致呈现的最佳选择。你能显示你当前的html吗？@Jrod代码现在就在那里。

<table width="650" cellpadding="0" cellspacing="0" style="border: 10px solid black;">
    <tr>
        <td style="width: 18px; font-size: 30px; font-family: Helvetica, Arial, 'Microsoft Yahei', sans-serif;">
            <img border="0" src="http://m.bomoda.com/static/img/email/spacer.gif" style="display:block;" />    
        </td>
        <td width="297" style="vertical-align: top;">
         <table width='297' cellpadding="0" cellspacing="0">
            <tr>
                <td colspan="2" height="175" style="width: 297px; height: 175px; line-height: 175px; max-height: 175px;">
                    <img border="0" src="http://m.bomoda.com/static/img/email/spacer.gif" style="display:block;" />       
                </td>
            </tr>
            <tr>
                <td colspan="2" style="font-family: Helvetica, Arial, 'Microsoft Yahei', sans-serif; font-size: 24px; color: #000001; font-weight: bold; text-align: left; line-height: normal;">
                    让<span style="color: #00bac9; font-family: Helvetica, Arial, 'Microsoft Yahei', sans-serif; font-size: 24px; font-weight: bold;">Bomoda</span>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="font-family: Helvetica, Arial, 'Microsoft Yahei', sans-serif; font-size: 24px; color: #000001; font-weight: bold; text-align: left; line-height: normal;">
                                        </td>
            </tr>
            <tr>
                <td colspan="2" height="31" style="width: 297px; height: 31px; line-height: 31px; max-height: 31px;">
                    <img border="0" src="http://m.bomoda.com/static/img/email/spacer.gif" style="display:block;" />       
                </td>
            </tr>
            <tr>
                <td colspan="2" style="font-family: Helvetica, Arial, 'Microsoft Yahei', sans-serif; font-size: 14px; color: #000001; text-align: left; line-height: normal;">
                    <a href="http://www.bomoda.com" target="_blank" style="text-decoration: none;"><span style="color: #00bac9; font-family: Helvetica, Arial, 'Microsoft Yahei', sans-serif; font-size: 14px; ">Bomoda</span></a>Newsletter
                </td>
            </tr>
            <tr>
                <td colspan="2" height="36" style="width: 297px; height: 36px; line-height: 36px; max-height: 36px;">
                    <img border="0" src="http://m.bomoda.com/static/img/email/spacer.gif" style="display:block;" />       
                </td>
            </tr>
            <tr>
                <td width="116">
                    <a href="http://www.bomoda.com" target="_blank" style="display: block; text-decoration: none;">
                        <img border="0" src="http://m.bomoda.com/static/img/email/retention_email/button.jpg" alt="" style="display: block; width: 116px; height: 27px;" />
                    </a>
                </td>
                <td width="181">
                    <img border="0" src="http://m.bomoda.com/static/img/email/spacer.gif" style="display:block;" />    
                </td>
            </tr>       
         </table>    
        </td>
        <td width="315">
            <img border="0" alt="Bomoda" style="display: block; width: 315px; height: 458px;" src="http://m.bomoda.com/static/img/email/retention_email/A.jpg" />    
        </td> 
    </tr>
</table>