Outlook 不显示 HTML 的一部分答案

【问题标题】：Outlook not displaying a portion of HTMLOutlook 不显示 HTML 的一部分
【发布时间】：2019-08-16 16:23:00
【问题描述】：

问题

我正在编写一个新的表单处理程序，该过程的每一步都是自动化的，我使用 CMS 管理表单上显示的字段，然后该信息将在发送给收件人时出现在电子邮件中。

除了实际发送表单中收集的数据外，每个步骤都有效。这在数据是静态的之前有效，但现在它是动态的，信息不会出现在电子邮件中。

关于它的奇怪之处在于信息实际上正在发送，但只是没有显示在 Outlook 中，我认为 HTML 的某些部分无法以某种方式呈现，但我已经用尽了所有的想法，需要一些新鲜的东西想法。

如果有任何用处，我正在使用 Outlook 2016。

电子邮件在 Outlook 中的外观如何？

我在下面提供了一张图片，请注意“联系信息”下的空白区域。

我如何知道信息正在发送？

当我在网络浏览器中查看电子邮件时，我可以看到电子邮件中的所有信息，如下所示：

HTML

<h1>{:formName:}</h1>
{:formIntro:}

<h4>Contact information:</h4>
<div class="main-content">
    <table class="details" width="500" align="center" border="0" cellpadding="0" cellspacing="0">
        {:formData:}
    </table>
</div>

{:formMessage:}

PHP

$html = str_replace('{:formName:}', $form['name'], $html);
$html = str_replace('{:formIntro:}', $form['intro'], $html);
$html = str_replace('{:formData:}', $input_data, $html);
$html = str_replace('{:formMessage:}', $message_data, $html);

输出

<h1>Contact</h1>
Lorem ipsum...

<h4>Contact information:</h4>
<div class="main-content">
    <table class="details" width="500" align="center" border="0" cellpadding="0" cellspacing="0">
        <tr><td>name</td><td>Mark Overton</td></tr>
        <tr><td>email</td><td>test@test.com</td></tr>
        <tr><td>title</td><td>Mr</td></tr>
        <tr><td>phone</td><td>777777777</td></tr>
        <tr><td>message</td><td>TEst</td></tr>
    </table>
</div>

我的尝试

取出部分模板。
仔细检查所有生成的 HTML。
在 HTML 模板中扫描损坏的标签。
删除周围的 div。
仔细检查了所有的 CSS。
我的头撞在墙上。

我需要你做什么？

想法，任何您认为可能导致此问题的东西。

我很乐意提供您认为可能有用的任何信息，但现阶段我不确定那是什么，我不确定过去是否有人遇到过类似的问题并且能够指出我方向正确。

【问题讨论】：

如果您需要有用的反馈，您将需要发布 HTML。
注意 - 给我一秒钟
您能否发布最终发送的 HTML（{:formData:} 已被替换）
当然，一分钟
我可以在一秒钟内更新问题，但它非常基础，只是一个简单的 Key Value

标签： html outlook outlook-2016

【解决方案1】：

终于解决了：

它在 Outlook 中被隐藏的原因是因为我的模板中有以下代码：

<!--[if gte mso 15]>
  <style type="text/css">
  table {
    font-size: 1px;
    line-height: 0;
    mso-margin-top-alt: 1px;
    mso-line-height-rule: exactly;
  }
  * {
    mso-line-height-rule: exactly;
  }
  </style>
<![endif]-->

【讨论】：