文字換行符 空格符怎麼在HTML中進行轉換?

2021-09-27 19:59:51 字數 1050 閱讀 6905

從資料庫中取到的text文字段落,段落裡面的換行符無法直接在html中顯示,如下:

而資料庫中的段落是正常:

解決處理後正常換行:

(1)因為資料庫文字text裡的段落換行編碼是'r\n\',所以這邊就可以採用將其全域性替換為'

'來實現換行。

例如:str = str.replaceall(/\r\n/g,'

');說明:str.replace(/需要替換的字串/g,"新字串")(據說可行,暫未實踐)

(2)通過修改標籤的屬性來識別文字text裡的段落換行編碼(css中的white-space屬性處理元素文字內的空白)值屬性

normal

預設。空白會被瀏覽器忽略。

pre空白會被瀏覽器保留。其行為方式類似 html 中的

標籤。

nowrap

文字不會換行,文字會在在同一行上繼續,直到遇到

標籤為止。

pre-wrap

保留空白符序列,但是正常地進行換行。

pre-line

合併空白符序列,但是保留換行符。

inherit

規定應該從父元素繼承white-space屬性的值。

例如:.text

(3)通過標籤pre完成文字的自動解碼進而實現換行。

例如:

>

這裡是段落內容 pre

>

—專案中的點

Html中的空格符

1,html中空格 不斷行的空白 1個字元寬度 半個空白 1個字元寬度 乙個空白 2個字元寬度 窄空白 小於1個字元寬度 2,css 的方式空格 css中當 white space 屬性取值為pre時,瀏覽器會保留文字中的空格和換行,例如 aa bb 顯示效果為 aa bb css的 letter ...

Html中的空格符

1,html中空格 不斷行的空白 1個字元寬度 半個空白 1個字元寬度 乙個空白 2個字元寬度 窄空白 小於1個字元寬度 2,css 的方式空格 css中當 white space 屬性取值為pre時,瀏覽器會保留文字中的空格和換行,例如 aa bb 顯示效果為 aa bb css的 letter ...

Html中的空格符

1,html中空格 不斷行的空白 1個字元寬度 半個空白 1個字元寬度 乙個空白 2個字元寬度 窄空白 小於1個字元寬度 2,css 的方式空格 css中當 white space 屬性取值為pre時,瀏覽器會保留文字中的空格和換行,例如 aa bb 顯示效果為 aa bb css的 letter ...