Question

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

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

     <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属性时，它应该是这样的：padding:5px 5px 5px 5px;
浮动（浮动）CSS属性在Outlook中不起作用。
当你在表格属性中给出需要作为（bgcolor）给出的背景颜色时。
内联编写所有CSS属性

Answer 2

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

希望您能发现这些信息有用......

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

2 个答案: