text-wrap仅对内联元素生效，等价white-space:normal；text-nowrap对应white-space:nowrap；长单词折行需用text-break（含word-wrap/break-word等）或手动设置word-break/overflow-wrap。
text-wrap 和 text-nowrap 在 Bootstrap 5.3+ 中的行为差异
Bootstrap 5.3 起正式引入 text-wrap 类，和已有的 text-nowrap 构成一对互斥控制。但很多人加了 text-wrap 却没效果——不是类没生效，而是它只对「内联元素」或「设置了 display: inline 的元素」起作用；对块级元素（如 div、p）默认就换行，加不加 text-wrap 都一样。
常见错误现象：<div class="text-wrap">很长一串不带空格的英文</div> 看起来依然溢出容器——因为 div 是块级元素，text-wrap 不触发强制断行逻辑。
-
text-wrap实际等价于white-space: normal，仅重置内联元素的white-space值 -
text-nowrap对应white-space: nowrap，会阻止所有换行，包括空格、连字符、软换行符 - 若想让长单词/无空格字符串在块容器内折行，必须配合
word-break: break-word或overflow-wrap: break-word
让超长 URL 或 UUID 自动折行的正确组合
这是最常被问到的场景：一段 https://example.com/very-long-path-with-no-spaces-and-uuid-123e4567-e89b-12d3-a456-426614174000 溢出卡片或表格单元格。
单独用 text-wrap 无效；text-nowrap 更是反向操作。真正起效的是 CSS 的断字策略，Bootstrap 提供了现成辅助类：
- 优先用
text-break（Bootstrap 5.2+）：它同时设置word-wrap: break-word、word-break: break-word和overflow-wrap: break-word，覆盖各浏览器兼容性 - 不要混用
text-break和text-nowrap，后者会覆盖前者的white-space设置 - 如果容器本身有
min-width或固定宽度限制，需确认父级未设overflow: hidden导致折行后内容被裁剪
示例：<td class="text-break">https://...</td> —— 表格中直接生效，无需额外样式。
table-responsive 容器里文本换行失效怎么办
把表格包在 div class="table-responsive" 里后，发现 text-break 不起作用？问题不在类本身，而在 .table-responsive 的滚动容器强制设了 white-space: nowrap（为了横向滚动不折行），它会继承影响内部所有子元素。
解决方法不是删掉响应式容器，而是针对性覆盖：
- 给需要折行的单元格加
style="white-space: normal;"，或定义一个自定义类如.force-wrap { white-space: normal !important; } - 避免对整张表加
text-break，只加在具体td或span上 - 如果用了
table-sm，注意小字号下折行位置可能更难预测，建议同步加font-size: 0.875rem控制可读性
IE11 兼容时 text-break 的后备方案
Bootstrap 5 默认放弃 IE11 支持，但如果你还在维护老项目，text-break 中的 overflow-wrap 在 IE11 里不被识别（它只认 word-wrap）。这时候类名虽存在，实际断行逻辑会失效。
不用重写整个工具类，只需在全局样式里补一句：
text-break {
word-wrap: break-word;
}
其他要点：
- IE11 不支持
word-break: break-word，只支持break-all，所以若需严格按词边界断行，IE 下只能妥协为word-break: break-all - 所有涉及
text-break的地方，建议统一通过 SCSS 变量或构建时注入 fallback，而不是每个地方手动加style - 移动端 Safari 对
overflow-wrap: anywhere支持较好，但 Bootstrap 没封装这个值，如需更激进断行（比如在连字符处也断），得手写
真正麻烦的从来不是加哪个类，而是搞清当前元素的 display 类型、父容器的 white-space 继承链、以及目标浏览器到底认哪条断行规则。
