Outlook.com中的按钮文本对齐方式

Question

仅在outlook.com中使用按钮文本对齐方式查找电子邮件构建中的奇怪行为。出于某种原因，它与按钮顶部对齐而不是在中间。无法弄清楚为什么会这样。任何见解都表示赞赏。

感谢您的时间和想法。

下面的代码段和CTA图片链接。

/my_path/myKey123/file.mp3

Answer 1

首先，我会先查看this asset与“电子邮件”相关的内容，以便了解不同的电子邮件客户端对CSS的反应。

您会注意到Outlook中不支持display，这会导致您的锚标记无法使用填充。我建议按以下方式编写电子邮件按钮：

<table cellpadding="0" cellspacing="0" border="0">
<tbody>
    <tr>
        <td align="center" valign="middle" bgcolor="#989b98" style="padding: 12px 20px; font-family: 'Arial', Helvetica, sans-serif; font-size: 16px; font-weight: bold;">
            <a href="#" style="color: #e4008f; text-decoration: none; outline: none; border: none;" target="_blank">16pxXXXX XXXXX XXXXX</a>
        </td>
    </tr>
</tbody>
</table>

不幸的是，这只会使文本可以点击而不是整个按钮，但它将是您最好的选择，以便在所有其他电子邮件客户端中保持一致，而无需创建图像。