line-break对<td>或<th>元素无效，因其仅支持块级或inline-block容器；表格单元格display:table-cell被明确排除，需用white-space:normal、word-break与overflow-wrap协同控制换行。
line-break 在表格单元格里基本无效，别白费劲
直接说结论：line-break 对 <td> 或 <th> 元素不起作用——不是你写错了，是浏览器根本不支持在表格单元格上解析这个属性。它只对块级或内联块级文本容器（如 <p>、<div>、<span> 且设置了 display: inline-block）生效。表格单元格默认是 display: table-cell，而这个 display 类型被明确排除在 line-break 的作用域之外。
真正起效的换行组合：white-space + word-break + overflow-wrap
要在表格里控制中/日/韩或英文的断行，得靠三者协同，而不是单靠 line-break：
-
white-space: normal（必须，否则word-break和overflow-wrap被压制） -
word-break: break-all或keep-all—— 中文场景下keep-all可防止汉字被拆开，但英文单词仍按空格断；break-all则允许任意位置断（适合长 URL 或无空格字段） -
overflow-wrap: anywhere—— 比break-word更激进，遇到溢出时会在任意字符间断，且不依赖空格，对混合语言更稳
示例：
<td style="white-space: normal; word-break: keep-all; overflow-wrap: anywhere;">测试一下超长中文字符串和https://example.com/path/with/no/spaces</td>
lang 属性不是摆设，但它只影响 line-break 的语义判断
如果你硬要用 line-break（比如套在 <div> 里再塞进 <td>），那 lang 就关键了：
立即学习“前端免费学习笔记（深入）”；
-
lang="zh"或lang="ja"时，line-break: normal才会启用东亚标点避让规则（比如不在句号前断） -
lang="en"下，line-break: strict或loose几乎没效果，浏览器直接忽略 - 别指望靠
lang让td自己活过来——它只是给内部文本提供上下文，不改变表格渲染模型
表格列宽失控？优先查 width + table-layout
很多“换行不生效”其实是宽度没控住，导致内容被撑开而非换行：
- 给
<table>加table-layout: fixed，否则列宽由内容决定，word-break很可能根本没机会触发 - 给
<th>/<td>设具体width（如120px）或max-width，不能只靠百分比或auto - 避免用
white-space: nowrap—— 它会彻底锁死所有换行逻辑，哪怕其他属性全对也没用
最常被忽略的一点：表格的换行能力，本质取决于「有没有留给浏览器一个明确的换行触发边界」。没宽度约束，就没有溢出，也就没有换行。
