你能把换行符\ n显示为中断吗？

Question

我正在尝试使用IMAP显示电子邮件。当电子邮件是文本时，换行符\ n无法正确显示。我宁愿不将它们转换为休息时间＆lt; br /＆gt;因为如果用户想要回复该电子邮件，它现在将是HTML而不是纯文本。是否有一个javascript函数可以在不更改代码的情况下将其显示为换行符？

Answer 1

HTML / CSS怎么样？如果您将文字放在<pre>标记内，它会完全按原样显示所有换行符。或者，您可以通过将CSS样式white-space:pre应用于任何元素来实现相同的效果。

不要忘记对其进行HTML编码（<至<等），否则它将在第一个尖括号处分开。

Answer 2

只需添加此white-space css样式属性即可呈现多行文字：

.multiline
{
   white-space: pre-wrap;
}

然后：

<div class="multiline">
  my
  multiline
  text
</div>

现在换行符会像br元素一样呈现。

Answer 3

空白CSS可以正常工作，但具有跨浏览器的兼容性

.abc {
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: pre-wrap;      /* Modern browsers */
}

您的HTML

<div class="abc">
 Lorem 
 Ipsum 
 is 
 simply 
 dummy
</div>

MDN Source