我已经花了将近两个小时来处理这个问题,但仍然无法让它在Microsoft Outlook中以正确的方式呈现。
让它在Internet Explorer中呈现已经够痛苦的了,但我明白了:
不过,以下是它在Outlook中作为HTML电子邮件的外观:
现在不要担心断线,我需要解决的问题是
(1)左片与中片之间1像素的白色垂直空间
(2)像素比左右片高的中心片
这是HTML:

            <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
                <tr>
                    <td align="left" width="6" height="35">
                        <img src="images/left-button-corner.png" style="display:block;"/>
                    </td>
                    <td align="left" valign="center" bgcolor="#0a9fda" style="padding: 0 10px;" width="220" height="35">
                        <a href="http://img03.en25.com/EloquaImages/clients/SeagateCSS/{87374fad-7bdb-478e-a8e0-7b50f37e1aaf}_btnDownload.png" style="color: #FFF; font-size: 14px; font-family: Arial; text-decoration: none; text-align: center;">CLICK HERE TO LEARN MORE</a>
                    </td>
                    <td align="left"  width="6">
                        <img src="images/right-button-corner.png" style="display:block;" height="35"/>
                    </td>
                </tr>
            </table>

如果我拿不到它,我就放弃使用单一的图像。任何意见都非常感谢!

最佳答案

我想试试下面的。
在左键图像上尝试align="right"

<td align="right" width="6" height="35">
    <img src="images/left-button-corner.png" style="display:block;"/>
</td>

关于html - 无法将这些元素完美对齐并在Microsoft Outlook中同样高度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30134257/

10-11 12:06