空白：Outlook 的前行替代答案

【问题标题】：white-space: pre-line alternative for Outlook空白：Outlook 的前行替代
【发布时间】：2019-11-06 08:44:05
【问题描述】：

我必须在<pre> 标记中包装一些电子邮件文本内容，以便格式保留换行符但折叠不必要的空格。

我需要的正是以下内容：

<pre style="white-space: pre-line">Text here</pre>

这在浏览器上完美运行，但是 Outlook 不支持前行。这意味着，我必须使用“pre-wrap”，它尊重换行符，但保留一些非常大的不需要的空间，这是客户不想要的。

我无法编辑文本的内容（例如添加</br>），因为它是由外部系统生成的，不允许任何编辑...

我还尝试了以下方法：

white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: break-spaces;

我还尝试使用 div，而不是 <pre> 标记，以及带有空格的 <xmp> 标记：pre-wrap 和 pre-line，<wbr> 具有相同设置的标记，但没有给出我的预期结果。

这是我插入外部系统的代码：

<pre style="white-space: pre-line"><&MEETING_INFO></pre>

代码通过一个外部系统运行，该系统生成我无法访问的完整文本。这是一个完整代码的示例，包括由外部系统生成并发送到 Outlook 之后的文本：

<pre style="white-space: pre-line">
    Beginn:      27.05.2019 10:00 US/Eastern
    Ende:        27.05.2019 11:00 US/Eastern
    Kursleiter: Mustermann, Max
    Einrichtung:   Building A
    Veranstaltungsraum:   BC 33 - Raum 3.07 - Berlin
</pre>

Outlook 中显示的实际结果：

<pre style="white-space: pre-line">
    Beginn: 27.05.2019 10:00 US/Eastern Ende: 27.05.2019 11:00 US/Eastern
    Kursleiter: Mustermann, Max Einrichtung: Building A Veranstaltungsraum: BC 33 - Raum 3.07 - Berlin
</pre>

应该如何：

<pre style="white-space: pre-line">
    Beginn: 27.05.2019 10:00 US/Eastern
    Ende: 27.05.2019 11:00 US/Eastern
    Kursleiter: Mustermann, Max
    Einrichtung: Building A
    Veranstaltungsraum: BC 33 - Raum 3.07 - Berlin
</pre>

我什么都试过了，我很绝望。有没有其他选择？？非常感谢您的帮助！

【问题讨论】：

标签： html css outlook html-email

【解决方案1】：

Outlooks 不喜欢大多数代码，所以四处走走就是模拟pre 的代码。下面是一个例子，你可以如何做到这一点

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td style="font-family: monospace;font-size:13px;color:#000001;">
	Beginn: 27.05.2019 10:00 US/Eastern<br>
    Ende: 27.05.2019 11:00 US/Eastern<br>
    Kursleiter: Mustermann, Max<br>
    Einrichtung: Building A<br>
    Veranstaltungsraum: BC 33 - Raum 3.07 - Berlin
		</td>
    </tr>
  </tbody>
</table>

HTML 可以绕过它。

【讨论】：

嘿 Syfer，谢谢你，但我无法添加中断，因为我无法访问生成内容的第 3 方系统中的变量。这就是为什么我不能添加中断以及为什么这个问题如此棘手！

【解决方案2】：

outlook 删除不必要的空格....您可以在速度邮件模板中用<br> 标记替换换行符，而不是使用任何 CSS 属性..

在你的情况下是：

$MEETING_INFO.replaceAll("\r?\n","<br/>")

【讨论】：