Question

我遇到了Outlook Web App（OWA）的问题。毋庸置疑，各种Outlook客户端存在许多问题，但OWA是我遇到的记录最少的问题。

以下代码适用于所有客户端，Outlook 2000-2013，GMail，Yahoo，AOL，但在OWA中，文本始终设置为text-align: justify，我无法覆盖它。

<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td align="left" width="208" valign="top">
      <div><multiline label=”Body”>
        Dummy text goes in here, blah blah blah. Man, I'm hungry.
      </multiline></div>
    </td>
  </tr>
</table>

到目前为止，我已经尝试过设置：

text-align: left
text-align: left !important
float: left
float: left !important

关于以下要素：

<table>
<td>
<div>
<span>
<multiline>
.left和班级

另外，略有不相关的说明，但

<div><multiline label="Body"> content </multiline></div>

处理仅在OWA中出现的双行间距。

有关如何设置text-align: left

的任何想法

Answer 1

我在OWA中遇到了这个问题，@ John的答案是从包裹align="left"单元格中删除<td>。

我将文字包裹在<span>标签中，这让我可以控制行高。希望有所帮助！

我的代码：

<td class="center respHead" valign="top" bgcolor="#FFFFFF" style="font-size:26px;line-height:30px;font-weight:bold;padding-left:20px;text-align:left !important">
    <span style="color:#010101;font-size:26px;line-height:30px;font-weight:bold">
       Previously Justified Content
    </span>
</td>

Answer 2

我遇到了完全相同的问题，今天我找到了解决方案。 :) 首先，您需要强制所有文本在左侧，并使用类来居中/右对齐文本。

CSS：

td {
    text-align: left !important; /* Set all text to left as default to overwrite OWA text-align justify */
}

td.center {
    text-align: center !important; /* text-align center for most email clients, OWA doesn't recognize this */
    text-align: center; /* OWA fix, overwrites left !important with this */
}

td.center * {
    text-align: center; /* Outlook 07,10,13 fix */
}

td.right {
    text-align: right !important; /* text-align right for all most email clients, OWA doesn't recognize this */
    text-align: right; /* OWA fix, overwrites left !important with this */
}

td.right * {
    text-align: right; /* Outlook 07,10,13 fix */
}

在OWA上覆盖text-align：justify - HTML电子邮件

2 个答案: