我每天都在构建 HTML 电子邮件活动,在过去的 24 小时内,我看到我所有的电子邮件都向左对齐。这包括我之前构建的电子邮件活动(在 Yahoo! Mail 中测试并用于对齐中心)。
有没有其他人遇到过这个?任何想法是什么导致它以及是否可以添加修复程序?
使用的标准编码是带有对齐中心的表格。现在这不起作用,所有表格似乎都左对齐。
我每天都在构建 HTML 电子邮件活动,在过去的 24 小时内,我看到我所有的电子邮件都向左对齐。这包括我之前构建的电子邮件活动(在 Yahoo! Mail 中测试并用于对齐中心)。
有没有其他人遇到过这个?任何想法是什么导致它以及是否可以添加修复程序?
使用的标准编码是带有对齐中心的表格。现在这不起作用,所有表格似乎都左对齐。
我已经找到了解决方案。
在最外面的 100% 宽度和居中对齐的表格上添加以下代码:
style="table-layout: fixed;"
这应该解决它。
在电子邮件头部的样式块中添加一个类。
.table-center { table-layout: fixed; margin: 0 auto; }
将此类添加到最外面的表格中,以使主体在窗口中居中。然后根据需要将其添加到后代表中以进行中心对齐。
我在这里支持 Ed Johnson 关于“固定;边距:0 自动;”的回答。外面的桌子上的风格。我只是使用此修复而不是“表格布局:固定”样式,因为后者似乎破坏了我的响应式电子邮件样式。
我尝试了提供的两种解决方案,但都无法解决问题。我相信还有一个更大的问题——雅虎!mail 将电子邮件包装在几个 div 标签中,其中一个带有“body”类。此 div 的宽度值为“auto”。
当我通过 Chrome 开发人员工具将此值从“自动”更改为“100%”时,它可以解决问题。
未修改:
“固定的”:
因为这个 div 超出了我在电子邮件头部的样式块的范围,我不相信这个问题实际上可以得到解决。我会将此归类为雅虎的错误。