Outlook中的HTML电子邮件按钮对齐

Outlook中的HTML电子邮件按钮对齐,outlook,zurb-foundation,html-email,inky,Outlook,Zurb Foundation,Html Email,Inky,我在为客户创建的HTML电子邮件中,在调整“行动号召”按钮时遇到了一些问题。按钮显示在左侧,未正确填充 这是它们在我的浏览器和大多数电子邮件客户端中的显示方式: 这就是他们在2016年Outlook中的表现: 这是我的墨迹标记: 比如在Facebook上 关注推特 我对按钮的嘲笑: 表格{ &.按钮{ 桌子{ 运输署{ 背景:透明!重要; } } &.脸谱网{ 桌子{ 背景色:#3b5998; 运输署{ a{ 背景色:#3b5998; 边界:无; 线高:30px; } } } } &.推

我在为客户创建的HTML电子邮件中,在调整“行动号召”按钮时遇到了一些问题。按钮显示在左侧,未正确填充

这是它们在我的浏览器和大多数电子邮件客户端中的显示方式:

这就是他们在2016年Outlook中的表现:

这是我的墨迹标记:


比如在Facebook上
关注推特
我对按钮的嘲笑:

表格{
&.按钮{
桌子{
运输署{
背景:透明!重要;
}
}
&.脸谱网{
桌子{
背景色:#3b5998;
运输署{
a{
背景色:#3b5998;
边界:无;
线高:30px;
}
}
}
}
&.推特{
桌子{
背景色:#1da1f2;
运输署{
背景色:#1da1f2;
a{
背景色:#1da1f2;
边界:无;
线高:30px;
}
}
}
}
}
}
我使用电子邮件的基础来把标记编译成电子邮件友好的HTML。这就是生成输出的方式:



我缺少什么?

填充Outlook 2007-2016的支持存在缺陷。它根本不适用于Notes

行高
在Outlook中也有问题

我可能会尝试将
设置为href的父项,这样您就可以通过“像在Facebook上”按钮获得您的身高

此外,
字体系列:';通函'不适用于Outlook。Web字体支持也有缺陷。有些字体可以工作,但两个名称不安全的字体会导致Outlook恢复为其网络安全字体Times New Roman


祝你好运。

这是Outlook中非常常见的问题。我推荐。这是一款非常好的跨平台产品,效果非常棒。

我对您的问题投了赞成票,因为您发送了详细的示例,因此我可以查看您的代码,确定一些问题,并提供建议和解决方案。感谢您提供的提示,我将在今天晚些时候对其进行测试。遗憾的是,我们使用的框架中没有防弹按钮(电子邮件基金会)。