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>嗎？ 還是列表存在另一個原因？

電子郵件客戶端確實對諸如<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>