HTML电子邮件的Android的Outlook应用文本发出
问题描述:
我有一组文字在我的HTML电子邮件的Outlook上的Android不喜欢和设置的理由,甚至与文本对齐理由:左重要;.我测试过的每一个客户端似乎都能正常工作。HTML电子邮件的Android的Outlook应用文本发出
<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在标题中针对特定的段落或定义为全局。
- 字间距也会影响间距。
因为我不能看到完整的代码,它很难说那里正在发生的事情。
干杯