柚子快報(bào)激活碼778899分享：4種前端處理文本換行展示

http://yzkb.51969.com/

序：

后端傳遞了一大段包含了回車符的文本內(nèi)容，前端展示的時(shí)候所有文字堆在一起，沒有換行展示。以下方法中content為后端返回的文本內(nèi)容

方法一：

“?”符號(hào)在html中會(huì)識(shí)別別為\r,\n等轉(zhuǎn)義字符，所以我們可以使用\r\n去替換（.replace(/(\r\n|\n|\r)/gm, ’< br />')） 存在英文**<>**不顯示

方法二：

使用

標(biāo)簽， 它會(huì)自動(dòng)識(shí)別和處理后臺(tái)返回的換行符號(hào)

{
{content }}

方法三：

white-space樣式

柚子快報(bào)激活碼778899分享：4種前端處理文本換行展示

http://yzkb.51969.com/

參考文章