html 文本換行 \n 不換行 空格無效

文本中直接用 \n ，無法換行，因為 html 不識別 \n，如果只是單純的用 replace 把 \n 換成 <br/>，只能變成普通的字符串，也還是無法換行。

解決方法有這么幾種：

1. 用 innerHTML  =  " ... "  或者 v-html  來把 <br/> 識別為 html node 

2. 在標簽上套一個 <pre></pre>

3. 設置 css 

　　

// 合並空白符序列，但是保留換行符。
white-space: pre-line;

 

 

同理，針對不能識別多個空格的文本，也可以用以下代碼

<div style="white-space:pre">AA   BB<div>