white-space: pre-wrap 是 CSS 中用于控制文本空白处理的属性值，其名称由四个词组成，每个词都有其特定含义：
white-space
词源：源自英文 "white space"，指文本中的空白字符（如空格、制表符、换行符）。
作用：定义元素内空白字符的处理方式。
pre
词源：源自英文 "preformatted"，意为“预格式化”。
作用：保留文本中的原始格式（空白和换行），与 HTML 的
<pre>标签效果一致。wrap
词源：源自英文 "wrap"，意为“包裹”或“换行”。
作用：允许文本在容器宽度超出时自动换行。
-（连字符）
作用：连接符，表示属性值的组合关系。
综合含义
pre-wrap：保留文本的原始格式（空白和换行），同时允许内容在容器宽度超出时自动换行。保留所有空格和换行符（如代码块中的缩进）。
遇到容器边界时自动换行（与
pre不同，后者会溢出）。适用于代码展示、ASCII 艺术等需要精确格式的文本。
效果：
示例
<div style="width: 100px; white-space: pre-wrap;"> 这是第一行 这是第二行 这是第三行 </div>
效果：保留换行和空格，文本超出容器宽度时自动换行。
关键区别
与
pre的区别：pre：保留格式但不换行（内容溢出容器）。pre-wrap：保留格式并自动换行。与
normal的区别：normal：忽略空白和换行（自动换行）。pre-wrap：保留空白和换行（自动换行）。
应用场景
代码展示：在技术文档中展示编程代码，保持缩进和格式。
ASCII 艺术：完整展示字符图形，保留空格和换行。
文本比对：在版本控制中准确展示文本差异。
总结：
white-space: pre-wrap是通过组合“预格式化”（保留原始格式）和“自动换行”（适应容器宽度）实现精确文本控制的 CSS 属性。
wrap不是包裹或隐藏的意思吗，为什么在html中却成了换行，词源讲解一下
在 CSS 中，wrap 作为 white-space: pre-wrap 的一部分，其含义与“包裹”或“换行”相关，但需结合上下文理解。以下是词源和逻辑分析：
词源解析
词源：
wrap源自英文 "wrap"，意为“包裹”或“卷曲”（如纸张包裹）。在技术领域，常用于描述内容在容器边界处的处理方式。
逻辑关系：
包裹：在 CSS 中，
wrap通常表示内容在容器边界处的处理方式，如文本换行或内容溢出处理。换行：在
white-space: pre-wrap中，wrap表示允许文本在容器宽度超出时自动换行，以适应内容（即“包裹”容器边界）。
与 white-space 的结合
white-space: pre-wrap：pre：保留文本的原始格式（空白和换行）。wrap：允许内容在容器宽度超出时自动换行（“包裹”容器边界）。效果：保留空格和换行符，同时根据容器宽度自动换行（与
pre不同，后者会溢出）。
示例
<div style="width: 100px; white-space: pre-wrap;"> 这是第一行 这是第二行 这是第三行 </div>
效果：保留换行和空格，文本超出容器宽度时自动换行（“包裹”容器边界）。
关键区别
与
pre的区别：pre：保留格式但不换行（内容溢出容器）。pre-wrap：保留格式并自动换行（“包裹”容器边界）。与
normal的区别：normal：忽略空白和换行（自动换行）。pre-wrap：保留空白和换行（自动换行）。
应用场景
代码展示：在技术文档中展示编程代码，保持缩进和格式。
ASCII 艺术：完整展示字符图形，保留空格和换行。
文本比对：在版本控制中准确展示文本差异。
总结：
wrap在 CSS 中表示内容在容器边界处的处理方式，white-space: pre-wrap通过“保留格式”（pre）和“自动换行”（wrap）实现精确文本控制。