该用 时是在长单词、URL 或代码中需提示浏览器“可选折行位置”，而非强制换行； 则无条件换行。 依赖容器宽度与 CSS 的 overflow-wrap: break-word 才生效，word-break: break-all 会绕过它，且不兼容 IE。
什么时候该用
常见误用是把它当轻量
它最适合插在自然可拆分的位置，比如连字符前后、下划线旁、驼峰命名大写字母前、URL 的斜杠或点号后。浏览器会优先考虑这些位置进行折行，但前提是当前行已满且无法整体容纳后续内容。
- ✅ 推荐：
myVeryLongVariableName—— 在大写WithSuffix W前提示可断 - ✅ 推荐：
https://example.com/api/v2/users/—— 在斜杠后、ID 前各加一个，增加断点1234567890 - ❌ 无效：
hello在普通段落中几乎从不触发，因为两个词本就能分开world
CSS 中 word-break 和 overflow-wrap 会影响
会，而且影响很大。如果父元素设置了 word-break: break-all，浏览器可能直接无视 overflow-wrap: break-word 会优先尝试用
div {
width: 200px;
overflow-wrap: break-word; /* 尊重 */
/* word-break: break-all; ← 会绕过 ，慎用 */
} 兼容性和替代方案要注意什么
模拟，但语义弱、编辑器显示异常、复制粘贴易带入不可见字符。
立即学习“前端免费学习笔记（深入）”；
- 避免在
或white-space: pre环境中使用 —— 这些场景禁用自动换行， - 不要嵌套在
内部还指望它生效：默认是white-space: nowrap，得显式覆盖 - 服务端渲染时注意：某些模板引擎（如旧版 Django）会转义
|safe或对应机制放行
真正起作用的
