後端傳到前端的字符串如何在pre標籤中實現換行

<pre> 標籤可定義預格式化的文本。被包圍在 <pre> 標籤
元素中的文本通常會保留空格和換行符。而文本也會呈現爲等寬字體。常用來表示計算機源碼。

先來看個例子:
在這裏插入圖片描述如圖所示,在pre標籤中,所有的空格和換行都根據原來的格式進行了顯示。而在div標籤中,則是我們所熟悉的樣子,空格換行什麼的都是無效的,要換行,就必須使用<br/>標籤。
如果我們通過後端的字符串的方式,存進數據庫,再查出來顯示到前端,亦或者是直接從後端傳字符串顯示到前端進行顯示,如果想要換行,直接在字符串需要換行的地方添加\n(注意不是/n)即可
在這裏插入圖片描述
注意:字符創中包含\n存進數據庫中,查詢出來是看不到\n的字樣的,但是把對應的字符串複製出來,粘貼進記事本打開,是有換行效果的。我之前爲了圖方便,直接在數據庫中修改對應的字符串字面量,手動加上了\n,這樣的效果就是在前端會把\n給顯示出來。在上面的圖中,我還擔心\符號的轉義問題,在數據庫中添加了兩個\符號。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章