css：white-space及文本回車換行符

文檔：https://developer.mozilla.org/zh-CN/docs/Web/CSS/white-space

文法

可選值

值

說明

normal

連續的空白符會被合并，換行符會被當作空白符來處理。換行在填充「行框盒子(line boxes)」時是必要。

nowrap

和 normal 一樣，連續的空白符會被合并。但文本内的換行無效。

pre

連續的空白符會被保留。在遇到換行符或者元素時才會換行。

pre-wrap

連續的空白符會被保留。在遇到換行符或者元素，或者需要為了填充「行框盒子(line boxes)」時才會換行。

pre-line

連續的空白符會被合并。在遇到換行符或者元素，或者需要為了填充「行框盒子(line boxes)」時會換行。

break-spaces

與 pre-wrap的行為相同，除了：

1、任何保留的空白序列總是占用空間，包括在行尾。

2、每個保留的空格字元後都存在換行機會，包括空格字元之間。

3、這樣保留的空間占用空間而不會挂起，進而影響盒子的固有尺寸（最小内容大小和最大内容大小）。

說明：以下句子在每個句号<code>。</code>後面都有一個回車符

各參數實作效果(點選圖檔放大檢視)

css控制回車換行

js正則比對所有回車，替換為換行符