7

我每天都在构建 HTML 电子邮件活动,在过去的 24 小时内,我看到我所有的电子邮件都向左对齐。这包括我之前构建的电子邮件活动(在 Yahoo! Mail 中测试并用于对齐中心)。

有没有其他人遇到过这个?任何想法是什么导致它以及是否可以添加修复程序?

使用的标准编码是带有对齐中心的表格。现在这不起作用,所有表格似乎都左对齐。

4

4 回答 4

12

我已经找到了解决方案。

在最外面的 100% 宽度和居中对齐的表格上添加以下代码:

style="table-layout: fixed;"

这应该解决它。

于 2014-05-16T13:36:11.843 回答
3

在电子邮件头部的样式块中添加一个类。

.table-center { table-layout: fixed; margin: 0 auto; }

将此类添加到最外面的表格中,以使主体在窗口中居中。然后根据需要将其添加到后代表中以进行中心对齐。

于 2014-06-20T18:40:43.677 回答
0

我在这里支持 Ed Johnson 关于“固定;边距:0 自动;”的回答。外面的桌子上的风格。我只是使用此修复而不是“表格布局:固定”样式,因为后者似乎破坏了我的响应式电子邮件样式。

于 2015-04-24T23:05:15.760 回答
0

我尝试了提供的两种解决方案,但都无法解决问题。我相信还有一个更大的问题——雅虎!mail 将电子邮件包装在几个 div 标签中,其中一个带有“body”类。此 div 的宽度值为“auto”。

当我通过 Chrome 开发人员工具将此值从“自动”更改为“100%”时,它可以解决问题。

未修改:

在此处输入图像描述

“固定的”:

在此处输入图像描述

因为这个 div 超出了我在电子邮件头部的样式块的范围,我不相信这个问题实际上可以得到解决。我会将此归类为雅虎的错误。

于 2014-06-24T15:31:00.500 回答