小编lal*_*obs的帖子

空白:Outlook 的前行替代品

我必须将一些电子邮件文本内容包装在<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 …
Run Code Online (Sandbox Code Playgroud)

html css outlook html-email

8
推荐指数
1
解决办法
1998
查看次数

标签 统计

css ×1

html ×1

html-email ×1

outlook ×1