Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML电子邮件格式在Outlook中不起作用_Html_Css_Angularjs_Email_Outlook - Fatal编程技术网

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

HTML电子邮件格式在Outlook中不起作用,html,css,angularjs,email,outlook,Html,Css,Angularjs,Email,Outlook,我的HTML电子邮件格式在outlook中无法正常运行。该代码使用角度和引导css。我专门为outlook使用了内联css,但当我看到outlook表中的电子邮件时,它会全屏显示 我看到了一些问题,并使用了答案中建议的实现,但仍然显示了这个问题。我的代码如下: <table class="table table-striped table-bordered table-condensed" width="320" style="margin-bottom: 20px;border

我的HTML电子邮件格式在outlook中无法正常运行。该代码使用角度和引导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>

网站收入
£850
£500
产品收入
£650
£570
请提出一些建议,因为我完全被这个问题所困扰,因为宽度属性在outlook中不起作用

我也有同样的问题。 这里有一些提示:

  • 当您指定padding属性时,它应该是这样的:
    padding:5px 5px 5px

  • 浮动(浮动)CSS属性在outlook中不起作用

  • 当您在表格属性中指定需要作为(bgcolor)指定的背景色时

  • 内联写入所有CSS属性


  • 事实上,Outlook使用Word呈现HTML。Word用作电子邮件编辑器。阅读以下系列文章中有关受支持和不受支持的HTML元素、属性和级联样式表属性的内容:


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

    这里有一个指南,介绍了每个CSS属性以及它们使用的电子邮件客户端。谢谢你们的时间和建议。你能看看我的代码吗?没有什么会出错,但我被卡住了。宽度的作用方式非常不同。所以请看一下,让我知道什么是错误的。你可以看到我的代码,我也使用了在线CSS。(边界崩溃:崩溃;)分号丢失,我们需要考虑这些事情时,创建电子邮件模板。我也有同样的问题,在我的模板也。但是当我给填充物时填充物仍然不起作用:5px 5px 5px;像这样。嗨,尤金,我有一个类似的。我想知道你是否能帮我。