1. 程式人生 > >html文本回車後換行顯示終極解決辦法

html文本回車後換行顯示終極解決辦法

我們在寫html文字的時候,比如如下:

<p>你好嗎?我是文字

我換行了</p>

你會發現,當上面寫的程式碼不會因為你回車了而顯示出換行,而是按正常的顯示:下面是顯示:

你好嗎?我換行了

那麼遇到這個問題該怎麼辦?因為我的網站肥城人才網(www.fcrczp.com)的微信分享頁面急需需要回車換行,大家可以開啟我的網站,隨便微信分享一個企業進行檢視,由於從資料庫接收過來的只是一個數據塊,根本沒法自動換行,我從網路上搜索了很多辦法都無法解決我的問題,因為接收過來的資料塊中有\n,而HTML中\n是不會自動顯示換行的,那麼只好自己手動下了如下程式碼。

<script>
var string=`你好嗎?
我換行了`;
//替換所有的換行符
string = string.replace(/\r\n/g,"<br>")
string = string.replace(/\n/g,"<br>");
document.write(string);
</script>

由於JS中,字串換行後是不會顯示的,所以這個地方一定要注意,看我怎麼定義的

var string="你好嗎?

我換行了"   在js中這是不會顯示的!所以這裡的" " 一定要換成鍵盤tab鍵上面的 ··  這裡是一定要格外注意的!

這也是最完美的解決辦法!其他css控制等都不能很好的解決現在這個問題!