<br>标签仅适用于静态内容的语义化行内换行，如地址、诗歌等；必须写为<br>，不可用于结构分割或替代段落，动态内容应配合white-space: pre-line及innerHTML处理。
直接用 <br> 最快，但只适合静态内容
如果单元格里是写死的文本（比如地址、签名、固定文案），在需要换行的位置插一个 <br> 就能立刻生效。浏览器会把它当换行符处理，不产生新段落，也不加额外间距。
- 写法必须是
<br>，不能写成<br/>或<BR>—— 虽然多数浏览器兼容，但 HTML5 规范只认小写无闭合形式 - 别把
<br>放在<td>外面，比如<td>第一行</td><br><td>第二行</td>是错的，会导致表格结构损坏 - 连续多个
<br>会产生空行，但实际渲染高度取决于 line-height 和 font-size，不是“一个<br>= 一行空白”
从数据库读出来的带 \n 的文本，得用 white-space: pre-line
后端返回的字符串里如果有真实换行符（比如 Python 的 "hello\nworld"），HTML 默认会忽略它们。这时候不能靠 <br> —— 因为源码里根本没有这个标签，只有 \n 字符。
- 给
<td>加 CSS：white-space: pre-line;，它会让 \n 生效，同时合并多余空格，比pre更实用 - 如果用了 JavaScript 动态插入内容，记得用
innerHTML而不是innerText，否则 \n 会被当纯文本显示 - 注意：某些 CMS 或富文本编辑器存的是
<br>标签字符串（比如 "line1<br>line2"），这种得先用 JS 替换成真实换行，再配合pre-line，否则浏览器会显示字面量 "<br>"
长文本自动换行，关键在 word-wrap 和 table-layout
用户粘贴一段没空格的长字符串（比如 base64、JSON 片段、URL），pre-line 不起作用，它只响应 \n，不负责断词。这时候要靠换行策略 + 表格布局控制。
- 单设
word-wrap: break-word;常常不够，必须配合max-width或固定列宽，否则浏览器不知道在哪“断” - 更稳妥的做法是给
<table>加table-layout: fixed;，再给<col>或<td>设width，这样列宽不会被内容撑开 -
word-break: break-all;能强制在任意字符间断行，但中文场景下容易把“你好”拆成“你好”，慎用；break-word优先保词不断字
想精确控制每行样式？用 <div> 套 display: flex; flex-direction: column
当某一行要加背景色、不同字号、点击事件，或者需要垂直居中对齐时，<br> 和 CSS 换行都做不到语义隔离——它们只是视觉分行，不是结构分行。
立即学习“前端免费学习笔记（深入）”；
- 把每行内容包进独立的
<div>，然后让<td>变成 flex 容器：display: flex; flex-direction: column; - 避免用
<p>包每行，因为<p>默认有 margin，容易撑开单元格高度，还得重置 - 如果行数不确定，又想等高，可以加
align-items: stretch;和子项flex: 1;，但要注意内容溢出时的表现
真正麻烦的不是“怎么换行”，而是“换行后高度怎么稳住”——表格行高受所有单元格影响，一个 <td> 内部用 flex 或多行文本，可能拉高整行，进而影响隔壁列对齐。动手前先确认是否真需要表格语义，还是用 div + CSS Grid 更可控。
