HTML 电子邮件格式在 Outlook 中不起作用

Question

我的 HTML 电子邮件格式在 Outlook 中无法正常运行。该代码使用 angular 和 bootstrap css。我专门为 outlook 使用内联 css，但是当我在 outlook 中看到电子邮件时 table 被全屏拉伸。

我看到了一些问题并使用了答案中建议的实现，但仍然显示这个问题。我的代码如下：

     <table class="table table-striped table-bordered table-condensed" width="320" style="margin-bottom: 20px;border: 1px solid #ddd; border-collapse: collapse">
        <tr ng-repeat="x in xall | orderBy:'name':false" style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px;">
          <th style="text-align: left; padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:40%;">Site Revenue</th>
          <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="!data.isPrev">Â£850</td>
          <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="data.isPrev">Â£500</td>
        </tr>
        <tr ng-repeat="x in xall | orderBy:'name':false" style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px;">
          <th style="text-align: left; padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:40%;">Product Revenue</th>
          <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="!data.isPrev">Â£650</td>
          <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="data.isPrev">Â£570</td>
        </tr>
      </table>

请提出一些建议，因为宽度属性在 outlook 中不起作用，我完全无法解决这个问题。

Answer 1

我遇到了同样的问题。 这里有一些提示：

当你给填充属性时，它应该是这样的：padding:5px 5px 5px 5px;
浮动（浮动）CSS 属性在 outlook 中不起作用。
当你在 table 属性中指定需要作为 ( bgcolor ) 的背景颜色时。
内联写入所有 CSS 属性

Answer 2

事实是 Outlook 使用 Word 呈现您的 HTML。 Word 用作电子邮件编辑器。在以下系列文章中了解受支持和不受支持的 HTML 元素、属性和级联样式表属性：

希望这些信息对您有所帮助...

HTML 电子邮件格式在 Outlook 中不起作用

HTML Emails Format is not working in Outlook

html

css

email

outlook

angularjs