标记不考虑HTML中的手动换行符（或ENTER）

Question

我正在尝试在HTML中的<td>标记中启用手动换行符。

内容来自由 ENTER 或手动换行符组成的文件，但在HTML表格中显示此数据时，数据会不断显示。意味着它忽略了手动换行符。

有没有办法让<td>标记考虑手动换行符或 ENTER 你可以说？

例如：
来自DataBase的文本：

Line 1. 
Line 2. 
Line 3.

（每行后 ENTER ）

表格单元格中显示的数据：

Line 1.Line 2.Line 3.

（不考虑每行后 ENTER ）

尝试了不同的方式但失败了。请提出一些解决方案。

Answer 1

请尝试此

str = str.replace(/(?:\r\n|\r|\n)/g, '<br />');

这将隐藏所有输入键按下换行符

或

您可以使用＆＃39; pre＆＃39;标签

Reference

Answer 2

最好的解决方案是将文本放在span样式的white-space: pre-wrap标记中，如果使用的是Bootstrap（标记pre的样式），则更多。

  

CSS white-space Property（相关）选项：

     

  

• pre：空白由浏览器保留。文本只会在换行符上换行。就像HTML中的标记一样。

  

• 前行：空格序列将折叠为单个空格。文本将在必要时自动换行，并在换行符上显示。

  

• 预包装：浏览器保留空白。文本将在必要时自动换行，并在换行符上显示。