如何在Outlook中获取图像以填充表格单元格的宽度？

Question

我正在尝试为电子邮件构建html。在我的浏览器Outlook客户端（和Gmail客户端）中，它呈现为以下形式，即good

在我的O365 Outlook桌面应用程序中，它呈现为这样，在右侧显示坏，并且显示错误的颜色（我认为我可以解决），该右边是bad。

这是我的代码（它实际上是模板，因此是{banner}）：

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td></td>
        <td width="700px" style="padding: 0; margin: 0;">
            <div style="border: 1px solid red; padding: 0; margin: 0; background: #404040; color: white; width: 100%;">
                <table width="100%" style="border: 1px solid red; border-spacing: 0;">
                    <tr>
                        <td colspan="4" style="border: 1px solid red; padding: 0;"><img src="{Banner}" style="margin-bottom: 0; width: 100%;"/></td>
                    </tr>
                    <tr>
                        <td colspan="2" style="border: 1px solid red; padding: 0; width: 50%; background: ">should be left-aligned with image</td>
                        <td colspan="2" style="border: 1px solid red; padding: 0; width: 50%; text-align: right;">should be right-aligned with image</td>
                    </tr>
                </table>
            </div>
        </td>
        <td></td>
    </tr>

我正在尝试为电子邮件构建html。在我的浏览器Outlook客户端（和Gmail客户端）中，它呈现出这样的效果，这很好。在我的O365 Outlook桌面应用程序中，它呈现出这样的效果，并且出现了不必要的...

Answer 1

如果将整个表都包裹在100％的宽度中，然后在其中第二个表中将表的宽度设置为800，如下所示，这将删除右侧的空白。