空白:Outlook 的前行替代品

lal*_*obs 8 html css outlook html-email

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

我需要的是以下内容:

<pre style="white-space: pre-line">Text here</pre>
Run Code Online (Sandbox Code Playgroud)

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

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

我还尝试了以下方法:

white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: break-spaces;
Run Code Online (Sandbox Code Playgroud)

我还尝试使用 div,而不是<pre>标签,以及<xmp>带有空格的标签:预包装和预行,<wbr>标签具有相同的设置,但没有给我预期的结果。

这是我插入到外部系统中的代码:

<pre style="white-space: pre-line"><&MEETING_INFO></pre>
Run Code Online (Sandbox Code Playgroud)

该代码通过一个外部系统运行,该系统生成我无法访问的完整文本。这是完整代码的示例,包括由外部系统生成并发送到 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>
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

应该如何:

<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>
Run Code Online (Sandbox Code Playgroud)

我尝试了一切,但我很绝望。有什么替代品吗??非常感谢您的帮助!

Syf*_*fer 1

Outlook 不喜欢大多数代码,因此可以模拟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>
Run Code Online (Sandbox Code Playgroud)

其余的 HTML 可以绕过它。