Outlook 2013中的HTML电子邮件未对齐？

我有一个非常简单的HTML电子邮件模板 - 仅用于测试 - 它有5列，并且有一个单词，问题是在Outlook 2013中，第一列始终是垂直错误对齐的。这是HTML。Outlook 2013中的HTML电子邮件未对齐？

<!DOCTYPE html> 
<html><body>  
    <table width="95%" cellpadding="0" cellspacing="0" border="0" id="wrapper_table" style="border-collapse: collapse; border-spacing: 0; vertical-align: top; height: 100%; width: 100%;"><tbody><tr><td style="font-weight: normal; text-align: left; vertical-align: top;"> 
       <table width="600" cellpadding="0" cellspacing="0" border="0" id="content_1" style="border-collapse: collapse; border-spacing: 0; vertical-align: top;"><tr><td style="font-weight: normal; text-align: left; vertical-align: top;"> 
          <table width="100%" cellpadding="0" cellspacing="0" border="0" id="test" style="border-collapse: collapse; border-spacing: 0; vertical-align: top;"><tr><td style="font-weight: normal; text-align: left; vertical-align: top; border: 1px solid black;"> 
             Row 
            </td> 
            <td style="font-weight: normal; text-align: left; vertical-align: top; border: 1px solid black;"> 
             Row 
            </td> 
            <td style="font-weight: normal; text-align: left; vertical-align: top; border: 1px solid black;"> 
             Row 
            </td> 
            <td style="font-weight: normal; text-align: left; vertical-align: top; border: 1px solid black;"> 
             Row 
            </td> 
            <td style="font-weight: normal; text-align: left; vertical-align: top; border: 1px solid black;"> 
             Row 
            </td> 
           </tr></table></td> 
        </tr></table></td> 
     </tr></tbody></table></body></html>

Outlook 2013中的结果是：

Outlook 2013

这是从Outlook

<!DOCTYPE html><br /> 
<html><body> <br /> 
    <table width="95%" cellpadding="0" cellspacing="0" border="0" id="wrapper_table" style="border-collapse: collapse; border-spacing: 0; vertical-align: top; height: 100%; width: 100%;"><tbody><tr><td style="font-weight: normal; text-align: left; vertical-align: top;"><br /> 
       <table width="600" cellpadding="0" cellspacing="0" border="0" id="content_1" style="border-collapse: collapse; border-spacing: 0; vertical-align: top;"><tr><td style="font-weight: normal; text-align: left; vertical-align: top;"><br /> 
          <table width="100%" cellpadding="0" cellspacing="0" border="0" id="test" style="border-collapse: collapse; border-spacing: 0; vertical-align: top;"><tr><td style="font-weight: normal; text-align: left; vertical-align: top; border: 1px solid black;"><br /> 
             Row<br /> 
            </td><br /> 
            <td style="font-weight: normal; text-align: left; vertical-align: top; border: 1px solid black;"><br /> 
             Row<br /> 
            </td><br /> 
            <td style="font-weight: normal; text-align: left; vertical-align: top; border: 1px solid black;"><br /> 
             Row<br /> 
            </td><br /> 
            <td style="font-weight: normal; text-align: left; vertical-align: top; border: 1px solid black;"><br /> 
             Row<br /> 
            </td><br /> 
            <td style="font-weight: normal; text-align: left; vertical-align: top; border: 1px solid black;"><br /> 
             Row<br /> 
            </td><br /> 
           </tr></table></td><br /> 
        </tr></table></td><br /> 
     </tr></tbody></table></body></html><br />

的问题是关系到所有的前景增添额外的BR标签输出的代码，但我能做些什么呢？

谢谢！

来源

2013-10-21 David Healey

据我所知，电子邮件中不支持外部样式，样式必须内嵌应用于每个标签。您是否曾尝试在每个嵌套tds上添加valign="top"？

<td valign="top"> 
    Row 
</td>

您也可以尝试关闭了该嵌套在您的标签内的任何空白，例如：

<td valign="top">Row</td>

来源

2013-10-21 15:02:33

正如我所说的，样式都是内联发送电子邮件之前，我有一个PHP函数做到这一点，我不使用外部样式。我尝试过valign，但不幸运。 –

您是否测试了没有使用函数的电子邮件/通过将其构建为预期输出？我不认为你应该在这里包含这个功能。 –

是的，我没有尝试过，我也检查了Outlook中的电子邮件的来源，它包含所有的样式等作为我写的代码，但是增加了很多BR标签，但它们对于每个单元格都是相同的所以如果这是问题，所有的都应该是错位的。 –

Outlook 2013中的HTML电子邮件未对齐？

回答

相关问题