HTML电子邮件的Android的Outlook应用文本发出

问题描述:

我有一组文字在我的HTML电子邮件的Outlook上的Android不喜欢和设置的理由,甚至与文本对齐理由:左重要;.我测试过的每一个客户端似乎都能正常工作。HTML电子邮件的Android的Outlook应用文本发出

sorry for the censorship

    <tr bgcolor="#f1f1f1"> 
 
        <td> 
 
         <table class="session-info" width="90%" cellpadding="0" cellspacing="0" align="center" style="margin: 20px auto 0px auto;"> 
 
         <tr> 
 
          <td width="150px" height="0px" valign="top" style="margin: 20px 0px 0px 0px;"> 
 
          <p style="font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:600; line-height:1.5em; text-align:right;"> 
 
           Session #: 
 
          </p> 
 
          </td> 
 
          <td style="text-align:left;" align="left"> 
 
          <p style="margin:0px 20px; font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:300; line-height:1.5em; text-align:left;"> 
 
           1234 
 
          </p> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td width="150px" height="0px" valign="top"> 
 
          <p style="font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:600; line-height:1.5em; text-align:right;"> 
 
           Session Title: 
 
          </p> 
 
          </td> 
 
          <td style="text-align:left;" align="left"> 
 
          <p style="margin:0px 20px; font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:300; line-height:1.5em; text-align:left;"> 
 
           Session title is long and is weirdly justified. 
 
          </p> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td width="150px" height="0px" valign="top"> 
 
          <p style="font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:600; line-height:1.5em; text-align:right;"> 
 
           Room: 
 
          </p> 
 
          </td> 
 
          <td style="text-align:left;" align="left"> 
 
          <p style="margin:0px 20px; font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:300; line-height:1.5em; text-align:left;"> 
 
           123 
 
          </p> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td width="150px" height="0px" valign="top"> 
 
          <p style="font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:600; line-height:1.5em; text-align:right;"> 
 
           Date and Time: 
 
          </p> 
 
          </td> 
 
          <td style="text-align:left;" align="left"> 
 
          <p style="margin:0px 20px; font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666 !important; font-weight:300; line-height:1.5em; text-align:left;"> 
 
           <span style="color:#666666;"> 
 
             <font color="#666666"> 
 
              Tue, Feb 00, 2017 at 11:15 AM – 12:15 PM 
 
             </font> 
 
            </span> 
 
          </p> 
 
          </td> 
 
         </tr> 
 
         </table> 
 
        </td> 
 
        </tr>

的理由可以是在用于移动版本的标头中的CSS的一部分。

我能想到的两件事情可能会影响此:

  • CSS在标题中针对特定的段落或定义为全局。
  • 字间距也会影响间距。

因为我不能看到完整的代码,它很难说那里正在发生的事情。

干杯