ios - iPhone 上电子邮件签名中的图像

Question

我正在为电子邮件签名创建代码。在我的 iPhone 上的电子邮件客户端上，图像永远不会对齐，我不知道为什么。

<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
                        <tr>
                            <td align="left" style="padding:0;margin:0;height:45px;width:230px;">
                                <ul style="padding:0;margin:0;height:45px;width:230px;">
                                    <li style="text-align:left;margin:0;padding:0;height:45px;width:230px;">
                                        <a target='_blank' href="https://www.mypage.com" style="margin:0;padding:0;width:230px;height:45px;">
                                            <img style="padding:0;margin:0;" height="45px" width="230px" src="https://www.mypage.com/logo.gif" alt="Logo mypage" />
                                        </a>
                                    </li>
                                </ul>
                            </td> ......

问题如下图所示:

有什么我可以做的吗？

谢谢你帮助我。

最好的问候，Yab86

Answer 1

如果链接<img>是那个<td>中唯一的东西, 你能去掉 <ul> 吗？或者还有其他原因吗？

电子邮件客户端对 block 级元素的边距和填充做一些奇怪的事情，比如 <ul>和 <li> ，有时即使它们是用内联 CSS 重置的。如果这里不需要列表，为什么要引入复杂性？

<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
    <tr>
        <td height="45" width="230" align="left" style="padding:0;">
            <a target='_blank' href="https://www.mypage.com">
                <img align="left" style="display: block; margin:0;" height="45" width="230" src="https://www.mypage.com/logo.gif" alt="Logo mypage" />
            </a>
        </td>
    </tr>
</table>