必须设table-layout: fixed，否则text-overflow: ellipsis在td中不生效；因默认auto布局由内容撑列宽，浏览器无法判定溢出，fixed布局才使列宽受width控制，进而触发nowrap+hidden+ellipsis组合生效。
必须设 table-layout: fixed，否则 text-overflow: ellipsis 在 td 里根本不会生效。
为什么 td 默认不支持省略号？
表格默认使用自动布局（table-layout: auto），列宽由内容撑开，浏览器无法确定“哪里算超出”——text-overflow 就失去了判断依据。只有切换为 fixed 布局，列宽才由 col、th 或 td 的 width 决定，后续截断逻辑才能启动。
常见错误现象：white-space: nowrap + overflow: hidden + text-overflow: ellipsis 全写了，但省略号就是不出现，八成是漏了 table-layout: fixed。
table-layout: fixed 下的必要样式组合
以下四条缺一不可：
-
table { table-layout: fixed; width: 100%; }（或具体像素值） -
td { width: 100%; }（或用col标签统一控制列宽） -
td { white-space: nowrap; }（禁用换行，让文本变成“一行流”） -
td { overflow: hidden; text-overflow: ellipsis; }（裁剪 + 显示省略号）
注意：width 必须作用在 td 或其父级列容器上；仅给 table 设 width 不够，td 仍可能按内容自适应。
兼容性与易踩坑点
IE9+、Chrome、Firefox、Safari 均支持这套写法，但要注意：
-
text-overflow: ellipsis只对块级或 inline-block 元素有效，td是表格单元格，天然满足，无需额外display调整 - 如果表格有
th，建议也统一加white-space: nowrap，避免表头和数据列高度不一致 - 不要依赖
max-width控制td宽度——table-layout: fixed下它会被忽略，必须用width - 若某列需自适应（如操作列），可用
width: auto配合min-width，但该列将无法触发省略号
最常被忽略的一点：省略号只在「宽度确定 + 内容强制单行 + 溢出隐藏」三者同时成立时才起效，而表格的特殊渲染机制会让其中任一条件失效得毫无征兆。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
