表格中text-overflow: ellipsis生效需同时满足：table-layout: fixed、max-width（或width）、overflow: hidden、white-space: nowrap；Flex嵌套时还需min-width: 0。
表格单元格里 text-overflow: ellipsis 为什么完全不生效
不是 CSS 写错了，而是表格的默认布局机制在“拦路”：<td> 默认是 display: table-cell，它会无视 width 或 max-width，优先按内容撑开列宽——导致 overflow: hidden 形同虚设，text-overflow: ellipsis 根本没机会触发。
table-layout: fixed 是硬性前提，漏掉就白配
必须给 <table> 元素加 table-layout: fixed，否则所有子元素的宽度声明（包括 max-width）都会被忽略。这是表格省略号生效的第一道门槛。
-
table-layout: fixed让列宽由<th>/<td>的width或max-width决定，而不是内容 - 不要只写
width: 100px，推荐用max-width: 150px，更适应响应式场景 - 如果用了
colgroup，也要确保其width值被正确继承或显式设置
<td> 必须同时满足四条规则
单行省略号在表格单元格中要凑齐这四个声明，缺一不可：
-
max-width（或width）：明确值，如max-width: 200px；flex: 1或百分比（无父级约束时）无效 -
overflow: hidden：不能是visible（默认）、auto（滚动行为不稳定）或scroll（会显示滚动条） -
white-space: nowrap：最常被跳过；normal、pre-wrap下text-overflow直接被浏览器静默忽略 -
text-overflow: ellipsis：仅当前三者全部满足后才真正启用
Flex 容器嵌套表格时额外注意 min-width: 0
如果表格或 <td> 被包在 Flex 容器里（比如用 display: flex 布局表格外层），子项默认 min-width: auto，仍会撑开宽度绕过截断。此时需在 <td> 上显式加：
立即学习“前端免费学习笔记（深入）”；
-
min-width: 0：覆盖 Flex 默认行为，让overflow: hidden生效 - 可选加
width: 0配合flex: 1，增强截断稳定性 - 顺序无关，但
min-width: 0必须存在，否则其他三条全对也白搭
表格里的省略号不是“加了属性就出来”，它是多个布局约束共同作用的结果；最容易被忽略的是 table-layout: fixed 和 min-width: 0 这两个隐性条件，尤其在现代 Flex + Table 混合布局中。
