绝大多数场景下，最省事的做法是渲染容器上加white-space: pre-wrap，原始数据一个字符都别改；但需确保内容为纯文本、未被innerHTML插入或二次转义，否则须先转义再替换为并注意XSS防护。
textarea内容提交后换行丢失怎么办
HTML表单里textarea输入的换行（\n或\r\n）在服务端接收或前端直接渲染时，默认不会变成HTML换行，导致输出成一行。这不是浏览器“错了”，而是HTML规范本身忽略普通换行符——它只认<br>或white-space样式控制。
PHP里用nl2br()最省事但要注意XSS
如果后端是PHP，nl2br()是最直接的转换函数：它把\n替换成<br>，保留原有文本结构。
但别直接echo用户输入：nl2br($_POST['content'])会执行XSS风险。必须先转义再换行：
echo nl2br(htmlspecialchars($_POST['content'], ENT_QUOTES, 'UTF-8'));
顺序不能反——htmlspecialchars()要在nl2br()之前，否则<br>会被转义成文字，失去换行效果。
立即学习“前端免费学习笔记（深入）”；
JavaScript前端渲染要区分innerText和innerHTML
用JS把textarea值塞进页面时，常见错误是直接赋给innerText——它会把换行当空白合并；而innerHTML能识别<br>，但必须自己替换：
-
element.innerText = textarea.value→ 换行消失，所有空白压缩成单空格 -
element.innerHTML = textarea.value.replace(/\n/g, '<br>')→ 行得通，但没过滤HTML标签，有XSS隐患 - 更安全做法：先DOM转义再换行，例如用
document.createTextNode()包裹原始值，再手动插入<br>节点，或用textContent配合white-space: pre-line样式
CSS方案最轻量，适合只读展示场景
如果只是想让输出区域“看起来”有换行，不改内容本身，CSS比JS/后端处理更快、更可靠：
给目标容器加样式：white-space: pre-line，它会：
- 保留
\n作为换行触发点 - 自动合并连续空格和制表符
- 不依赖
<br>，也不引入XSS风险
注意别用pre（保留所有空白）或normal（完全忽略换行），pre-line才是平衡可读性与安全性的选择。
真正麻烦的不是换行本身，而是混用转义、插入、渲染三类操作时的顺序和上下文隔离——漏掉一次htmlspecialchars或错用innerText，就可能让换行修复变成安全漏洞入口。
