该用而非时：是可选换行点，仅在容器宽度不足时折行，适用于长单词、URL、代码等需防溢出但不宜强制断行的场景；则强制换行，用于地址、诗行等语义必需处。
什么时候该用
浏览器对 URL 的断行策略较保守，单纯靠空格或标点（如 /、.、-）不一定触发折行。这时要在潜在断点前手动加
https://example.com
/very /long /path /to /resource.json
常见有效插入位置包括：/ 后、. 前、- 和 _ 两侧。注意不要插太多，否则可能在不该断的地方断开（比如 user 变成 “user-” 换行）。
立即学习“前端免费学习笔记（深入）”；
CSS 的 word-break 和
会。如果设置了 word-break: break-all，浏览器会无视 overflow-wrap: break-word 仍尊重
- 默认行为（
overflow-wrap: normal）+ - 避免用
word-break: break-all，除非你真要暴力截断 - 对代码块等容器，加
white-space: pre-wrap可保留空格同时允许
现代框架里怎么安全注入
不能直接写字符串 "，会被当纯文本渲染。React 需用 dangerouslySetInnerHTML 或拆成 JSX 元素；Vue 用 v-html 或组件封装。更稳妥的做法是封装一个 Wbr 组件：
// React 示例 const Wbr = () =>// 使用：very long word
注意：服务端渲染（SSR）时确保
真正难的不是插标签，而是判断哪里该插——得结合字体宽度、容器最大宽、用户设备 DPR 动态估算，静态插一堆
