html - 更改电子邮件中的图像会扰乱 Outlook 2007、2010、2013 中的文本对齐方式

Question

我创建的电子邮件有问题。我有一封电子邮件，其中包含两个代码相同的表格，但我更改了一张图片。当我更改此图像时，文本的左对齐在 Outlook 2007、2010 和 2013 中变得困惑。

这是电子邮件中的样子:

这是代码: http://codeshare.io/195q4

我已经尝试了一切，需要你的帮助!

Answer 1

如果将每个 180px 表格内的 TD 上的 align="center"更改为 align="left"，似乎可以解决问题。请参阅以下示例:

        <table width="180" cellpadding="0" cellspacing="0" border="0" align="left" valign="top" class="devicewidth paddingleft paddingright">
            <tbody>
                <tr>
                    <td align="left" style="vertical-align: top;">
                    <img src="http://image.exct.net/lib/fe6615707163057b7617/m/1/Test6.jpg" style="max-width: 100%; height: auto; display: block; font-size: 1px; padding-bottom: 10px; width: 180px; border-color: #000000; margin: 0px; text-align: center;" title="180-image.png" alt="180-image.png" width="180" height="135" mdid="676e2baf-c23e-4da1-bc8c-44a85036dda7" />
                    <p style="text-align: left; font-size: 24px; font-family: Georgia, Arial, Helvetica; color: #52565c; line-height: 30px; margin: 0px; padding: 0px;">
                    Test 6 
                    </p>
                    <span align="center" style="text-align: left;">
                    <img src="http://image.exct.net/lib/fefc16727d6502/m/1/pixel.gif" height="auto" style="display: block; font-size: 1px; border: none; height: 15px !important;" />
                    </span>
                    <p class="textonly textpaddingbild" style="font-size: 14px; font-family: Arial, Helvetica, Georgia; color: #52565c; line-height: 20px; margin: 0px; padding: 0px; text-align: left !important;">
                    Nam ut consequat urna. Duis vitae ante aliquet, luctus nulla id, convallis purus. Suspendisse non euismod tortor.
                    </p>
                    </td>
                </tr>
            </tbody>
        </table>