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