雅虎邮件HTML电子邮件对齐问题

Question

我每天都在制作HTML电子邮件广告系列，过去24小时内我看到所有的电子邮件都在左边。这包括我之前构建的电子邮件活动（已在Yahoo! Mail中测试并用于对齐中心）。

还有其他人遇到过这个吗？是什么原因导致它以及是否有可以添加的修复？

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

Answer 1

我找到了解决方法。

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

style="table-layout: fixed;"

这应该解决它。

Answer 2

将类添加到电子邮件头部的样式块中。

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

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

Answer 3

我尝试了所提供的两种解决方案，但都无法解决问题。我相信还有一个更大的问题 - 雅虎！邮件将电子邮件包装在几个div标签中，其中一个标签为＆＃34; body＆＃34;。该div的宽度值为＆＃34; auto＆＃34;。

当我通过Chrome开发者工具更改此值时，来自＆＃34; auto＆＃34;至＆＃34; 100％＆＃34;它解决了这个问题。

未经修改：

＆＃34;已修复＆＃34;：

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

Answer 4

我是第二个Ed Johnson在这里的答案，关于＆＃34;修复;保证金：0自动;＆＃34;外表上的风格。我只是用这个修复而不是＆＃34; table-layout：fixed＆＃34;因为后者似乎打破了我的响应式电子邮件风格。