2

我在使用 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”&gt;
        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？

4

2 回答 2

1

我在 OWA 中遇到了这个确切的问题，@Johnalign="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>
于 2014-04-15T00:15:22.137 回答
-1

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

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 */
}
于 2014-03-20T15:02:31.413 回答