html中换行需用标签或white-space css属性，因浏览器会压缩空白符；js中\n需替换为再设innerhtml，服务端渲染需防转义。
HTML 中用 <br> 换行最直接
纯文本里敲回车不会在 HTML 页面上换行，浏览器会把连续空白（包括换行符、空格、制表符）压缩成一个空格。所以得靠标签或 CSS 显式告诉浏览器“这里要断行”。<br> 是语义最轻、行为最确定的方式。
常见错误是把换行当成字符串处理——比如在 JS 里拼接 "\n" 然后直接 innerHTML 进去，结果没反应。因为 \n 只是字符，不是 HTML 标签。
- 只对纯文本内容有效；如果内容含 HTML 标签，
<br>仍可插入，但需注意 XSS 风险（别直接插用户输入） - 不产生块级布局，不影响盒模型，适合段内换行（如地址、诗行）
- 不要嵌套使用
<br><br>来模拟段间距，该用margin的地方就用 CSS
white-space CSS 属性让换行符生效
如果你控制的是字符串本身（比如后端传来的带 \n 的地址字段），又不想手动替换为 <br>，可以用 white-space: pre-line 让浏览器识别换行符。
注意：不同值行为差异大：
立即学习“前端免费学习笔记（深入）”；
1、对ASP内核代码进行DLL封装，从而大大提高了用户的访问速度和安全性；2、采用后台生成HTML网页的格式，使程序访问速度得到进一步的提升；3、用户可发展下级会员并在下级购买商品时获得差额利润；4、全新模板选择功能；5、后台增加磁盘绑定功能；6、后台增加库存查询功能；7、后台增加财务统计功能；8、后台面值类型批量设定；9、后台财务曲线报表显示；10、完善订单功能；11、对所有传输的字符串进行安全
-
pre：保留所有空白和换行，但不自动换行（超长不折行） -
pre-wrap：保留换行和空格，且允许折行 -
pre-line：合并空格，但保留换行符 —— 大多数场景最实用
示例：
<div style="white-space: pre-line">上海市\n浦东新区\n张江路123号</div>渲染效果就是三行。
JS 字符串中 \n 怎么变成页面换行
JS 里的 \n 是字符串换行符，不是 HTML 换行标签。直接赋值给 textContent 不会换行；赋值给 innerHTML 也不会，因为 \n 不是标签。
- 安全做法：用
.replace(/\n/g, '<br>')，再设innerHTML - 更稳妥（防 XSS）：先设
textContent，再用 DOM 方法插入<br>节点 - 别用
document.write()或拼接模板字符串后直接innerHTML，除非你 100% 确认内容无 HTML 特殊字符
服务端渲染时换行容易漏掉的点
后端模板（如 Jinja2、EJS、Thymeleaf）默认会转义输出，\n 或 <br> 字符串可能被当成普通文本显示出来，而不是解析为标签。
- Jinja2 里要用
{{ value | safe }}才让<br>生效 - EJS 用
是转义的，得用输出原始 HTML - Node.js 的
res.send()发送纯字符串时，记得设Content-Type: text/html，否则浏览器可能当 text/plain 解析
换行看着简单，真正卡住人的往往是「谁在解析换行」——是 HTML 解析器？CSS 引擎？还是 JS 的字符串处理逻辑？搞错这一层，就容易反复试 \n、<br>、white-space 却得不到想要的效果。
