HTML 电子邮件中的 Word-break \ Word-wrap CSS 问题

Question

所以我们将 Dynamics 365 Marketing 用于我们的电子邮件营销平台。 我们在内部使用 Office 365，我们的很多客户也使用它（因为我们向公司业务进行营销）。哦，我们机器上的操作系统是 Win10。

复活节假期发生了一些变化（D365 或 Office 365）； 在 HTML 中，我总是在

word-break: normal; word-wrap: normal

标签上有

<td>

- 我们从复活节回来，突然在电子邮件中呈现这样的标题（在 office 365 中）。

如果我在浏览器中查看电子邮件，则不会出现断字（看起来像这样）&同时，如果我在 Outlook 2016（在 Win10 上）中查看电子邮件，断字也不会出现。

有人知道 MS\Outlook 是否有自己的断字样式吗？

或者大家有什么建议吗？

这给出了横幅代码的想法；

我知道这是一个相当抽象的问题......我刚刚让营销部门和执行官对我很生气，因为我对发生的事情没有任何解释。

p {
  word-break: normal;
  word-wrap: normal;
}

td {
  word-break: normal;
  word-wrap: normal;
}

div {
  word-break: normal;
  word-wrap: normal;
}

<td style="vertical-align: middle; text-align: left;" valign="middle" align="left">
  <table style="float:none;width:100%" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody>
      <tr>
        <td style="height:26px;line-height:26px" valign="top" height="26" align="left">&nbsp;</td>
      </tr>
      <tr>
        <td class="banner-text-1 bannerLargeColor" style="font-size: 12px; line-height: 12px; font-weight: 700; letter-spacing: 4px; vertical-align: top; text-align: left;" valign="top" align="left">
          <!--<div data-sub-block="true" data-block-datatype="Text"><p style="margin: 0px; padding: 0px; mso-line-height-rule: at-least;"><span style="font-size:12px;"><strong>MEMBERSHIP</strong></span></p></div>-->
        </td>
      </tr>
      <tr>
        <td style="height:9px;line-height:9px" valign="top" height="9" align="left">&nbsp;</td>
      </tr>
      <tr>
        <td class="banner-text-2" style="font-size: 24px; line-height: 23px; color: #fff; font-weight: 700; letter-spacing: 4px; vertical-align: top; text-align: left;" valign="top" align="left">
          <div data-sub-block="true" data-block-datatype="Text">
            <p style="margin: 0px; padding: 0px; word-break: normal; font-size:24px;"><strong>THANK YOU FOR ATTENDING 2023 INFRASTRUCTURE CONFERENCE</strong></p>
          </div>
        </td>
      </tr>
      <tr>
        <td style="height:26px;line-height:26px" valign="top" height="26" align="left">&nbsp;</td>
      </tr>
    </tbody>
  </table>
</td>

Answer 1

我还没有修复，但我在 4 月 10 日也注意到了这个问题。我们没有使用 Dynamics 365 Marketing，但是我的团队中有 Windows Outlook 的人在那天发送测试时指出了这个问题。我的代码没有指定任何断字或换行行为，但直到现在我才遇到过问题。