text-overflow: ellipsis 在 中失效，因 默认 display: table-cell 不支持该属性，需同时满足 white-space: nowrap、overflow: hidden、显式宽度，并为 设置 table-layout: fixed 才生效。
text-overflow: ellipsis 不会自动生效，必须同时满足三个条件：white-space: nowrap、overflow: hidden、有明确宽度（width 或 max-width），且作用在支持该行为的显示模式元素上——而 <td> 默认是 <code>display: table-cell，不认 text-truncate 类。
为什么直接加 text-truncate 类没反应
Bootstrap 的 text-truncate 类只包含 white-space: nowrap、overflow: hidden、text-overflow: ellipsis，但它没改 <td> 的 <code>display 模式，也没设宽度。表格单元格会按内容自适应伸缩，CSS 宽度声明被忽略，省略号自然不出现。
<td> 是 <code>table-cell，不是块级或inline-block，text-overflow对它无效- 没显式宽度（哪怕用
w-50这类响应式类）→ 浏览器不知道“在哪截” - 没
table-layout: fixed→ 列宽由内容决定，width声明基本被无视 - 给
<table> 加 <code>style="table-layout: fixed"，或用 class：table table-fixed（需自定义） - 配合设置
<th> 或 <code><col>的宽度，比如<col style="width: 120px"> - 副作用明显：长文本强制单行，小屏易溢出 → 务必外包一层
<div class="table-responsive"> <li><code><th> 内容也会被截，建议单独加 <code>text-wrap或text-break防标题失真给
<td> 加三件套样式要写对位置 <p>不能只靠 class 往 <code><td> 上堆，得确保样式最终作用在有宽度限制的块级容器上。BootstrapTable 等插件渲染后结构是 <code><td><div class="td-inner">内容</div></td>，所以样式最好挂到内层<div> 上。 <ul><li>推荐用 <code>cellStyle（BootstrapTable）或内联style直接写在<td> 上：<code>style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 120px;" - 若用 class，确保该 class 同时包含四条规则：
white-space、overflow、text-overflow、max-width（别用width，响应式下更脆） - 鼠标悬停提示别只靠
title属性：移动端不触发、中文标点常被截、延迟高；优先用data-bs-toggle="tooltip"+ 初始化 - 值含 HTML 或特殊字符时，用
textContent赋值，避免 XSS 和解析异常 - 加
-webkit-overflow-scrolling: touch（仅 iOS 有效），写在.table-responsive上 - 禁用
transform、will-change等触发合成层的属性，它们会干扰滚动链路 - 列数极多（>12）时，配合
table-layout: fixed+ 显式<col>宽度，减少重排开销 - 自定义滚动条时，漏掉
::-webkit-scrollbar { width: 8px; }会导致横向滚动条消失
必须加 table-layout: fixed 才能生效
这是整个链条的开关。不加它，浏览器走“自动布局”，列宽动态算；加了它，才真正按你写的 <th> 宽度、<code><col> 宽度或 CSS width 来切分表格。
移动端滚动和省略号共存时容易卡顿
在 iOS Safari 或部分安卓 WebView 中，table-responsive 容器里既要有横向滚动，又要显示省略号，滚动常卡顿、松手回弹——这不是 Bootstrap bug，是浏览器对小容器内 overflow-x: auto 的滚动优化不足。
最易被忽略的是父级样式对 table-responsive 的压制：比如外层 div 设了 overflow: hidden 或 display: flex 却没配 flex-shrink: 0，会直接截断内部 overflow-x: auto，让整个方案失效。调试时先在 DevTools 里临时删父级样式，确认是否恢复，再针对性修正。
