应使用text-break类而非text-wrap，因其设置overflow-wrap、word-break和word-wrap三属性；需确保white-space计算值为normal，table-responsive内须额外覆盖white-space: normal，配合table-layout: fixed才可生效。
Bootstrap Table里长URL或UUID不折行？用text-break，别碰text-wrap
text-wrap对长单词、URL、UUID完全无效——它只等价于white-space: normal，恢复默认换行行为，但默认行为**不会切断无空格字符串**。真正起效的是text-break（Bootstrap 5.2+），它同时设置overflow-wrap: break-word、word-break: break-word和word-wrap: break-word，覆盖各浏览器兼容性。
常见错误：<td class="text-wrap">https://...</td> 溢出依旧；正确写法是：<td class="text-break">https://...</td>。
- 必须确保目标元素的
white-space计算值为normal（可用 DevTools 的 Computed 面板验证） - 别混用
text-break和text-nowrap，后者会直接压制断行逻辑 -
text-break在<pre class="brush:php;toolbar:false;"></pre>、<code>上无效，它们默认white-space: pre
table-responsive容器里text-break失效？重置white-space继承
.table-responsive内部强制设了white-space: nowrap（为支持横向滚动），这个声明会**继承给所有后代元素**，包括<td>。所以即使加了<code>text-break，也因white-space不是normal而失效。
解决方式不是删掉table-responsive，而是针对性覆盖：
- 给具体单元格加内联样式：
<td class="text-break" style="white-space: normal;"> <li>或定义轻量自定义类：<code>.td-wrap { white-space: normal !important; }，再写<td class="text-break td-wrap"> <li>避免对整张表加<code>text-break，它无法穿透.table-responsive的white-space声明 -
word-break: break-all强制在任意字符处断行（适合纯数字/UUID） -
word-wrap: break-word优先保持单词完整，仅在必要时断（适合含英文单词的混合文本） - 若父容器有
min-width或overflow: hidden，折行后内容可能被裁剪，需一并检查
表格固定列宽 + 强制断词：需配table-layout: fixed
当列内容超长且你已设width（如<th width="20%">），但依然溢出，大概率缺了<code>table-layout: fixed。这个 CSS 属性让浏览器按列宽分配空间，否则word-break类很难生效。
推荐组合写法（作用于<table>标签）：
<pre class="brush:php;toolbar:false;">style="table-layout: fixed; word-break: break-all; word-wrap: break-word;"</pre>
<ul>
<li>
<code>table-layout: fixed是前提，否则列宽约束不生效
数据库字段含\r\n换行符，前端不渲染？手动转<br>
Bootstrap Table 默认把\r\n当普通字符显示，不会自动换行。这不是样式问题，是HTML解析规则——换行符需转成<br>才能生效。
后端处理更稳妥（如Java中）：
u.put("content", s.replaceAll("\r\n", "<br>"));
前端也可用formatter拦截（适用于bootstrap-table v1.x）：
formatter: function(value) { return value ? value.replace(/\r\n/g, '<br>') : ''; }
- 注意XSS风险：若内容不可信，需先HTML转义再替换
<br> - 别依赖CSS的
white-space: pre-line，它对<td>默认不生效，且与<code>text-break冲突 - 这种换行是“语义换行”，和
text-break的“长度驱动断行”机制无关，两者可共存
实际项目里最常卡住的点，是以为加个
text-break就万事大吉，却没查white-space的最终计算值——尤其在.table-responsive或.card-title这类组件内部，继承链比想象中更深。
