<br>是唯一真正触发换行的HTML标签，但仅限地址、诗歌等需保留无语义强制换行的场景；多数换行应由CSS（如white-space、margin、flex）控制，避免破坏可访问性与响应式。
<br> 是唯一真正触发换行的 HTML 标签，但多数场景下不该用它来控制文字换行——它不解决溢出、不保留语义、也不响应布局变化。真正可控的换行行为由 CSS 决定。
什么时候必须用 <br>
仅当需要在固定位置插入一个**无语义、不可折叠、不可被样式覆盖**的换行时才用，比如地址、诗歌、表格内单行多段内容。
- 写法必须是自闭合：
<br>（HTML5 推荐），不是<br></br>或<br /> - 连续多个
<br>会被浏览器合并为一个视觉换行，除非父元素设了white-space: pre - 别在
<p>里塞<br>来“模拟段落”，这会破坏可访问性和打印样式
white-space 控制换行逻辑的核心参数
这个属性决定空格、制表符、换行符是否保留，以及是否允许自动折行。关键取值不是“开/关”，而是组合行为：
-
normal：忽略源码中的换行符和多余空格，只按容器宽度折行（块级元素默认） -
pre-wrap：保留所有换行符和空格，同时允许在容器边界处折行——这是处理用户输入（如评论）的黄金组合 -
pre-line：合并连续空格，但保留换行符并折行；适合把带 \n 的字符串渲染成段落，又不想留太多空行 -
nowrap：禁止任何换行，整行内容横向滚动或溢出（常用于导航菜单项、ID 字段）
注意：textContent = "第一行\n第二行" 在 white-space: normal 下不会换行；只有配合 pre-wrap 或 pre-line 才生效。
立即学习“前端免费学习笔记（深入）”；
长单词/URL 溢出时怎么强制换行
普通换行只在空格、标点处断，遇到 https://example.com/very/long/path/with/no/spaces 这类内容，必须用断词策略：
-
overflow-wrap: break-word（推荐）：只在整词放不下时才从中间断开，中文、英文都安全 -
word-break: break-all：无视语义，在任意字符间断——中文会切成单字，慎用 -
word-break: keep-all：中文下等于禁用换行，常导致表格列宽失控
重要陷阱：Flex 容器中子元素默认 min-width: auto，会阻止 overflow-wrap 生效。修复只需加 min-width: 0 到文本元素上，不是父容器。
表格单元格（<td>）换行最易踩的坑
<td> 默认不换行不是 bug，是规范行为。要让它换行，三要素缺一不可：
- 给
<td>设明确宽度（width或max-width），否则没有“边界”可折 - 设
white-space: normal（或pre-wrap）启用自动换行逻辑 - 对长 URL/无空格串加
overflow-wrap: break-word
额外建议：整个 <table> 加 table-layout: fixed，能避免列宽被长内容撑爆，让 width 设置真正生效。
