td文字溢出不隐藏的根本原因是缺少white-space: nowrap、overflow: hidden、width/max-width三者组合，且table需设table-layout: fixed；仅设overflow: hidden无效，因td默认white-space: normal允许换行，无“溢出”则裁剪与省略号均不触发。
td 文字溢出不隐藏，不是 CSS 没生效，而是缺了关键组合条件——单靠 overflow: hidden 或 text-overflow: ellipsis 都不行。
为什么 td 设了 overflow: hidden 还是换行撑高？
因为 td 默认 white-space: normal，允许换行，此时“溢出”根本没发生，text-overflow 无效，overflow: hidden 也无从裁剪。
-
white-space: nowrap是强制单行的前提，否则文字自动折行，高度自适应 - 仅设
nowrap不够：没有宽度限制，浏览器会无限拉宽单元格，依然看不到“溢出” -
table-layout: fixed必须加在<table> 上，否则 <code><col>或td的width/max-width很可能被忽略text-overflow: ellipsis在td中为何不显示省略号？它只对单行生效，且依赖三个条件同时满足：
-
white-space: nowrap（禁用换行） -
overflow: hidden（父容器需有明确宽度，否则无“溢出”可裁） -
width或max-width（写在td上，或由<col>+table-layout: fixed控制）
漏掉任意一个，
…就不会出现。例如：<td style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">长文本</td>—— 缺宽度，无效。IE 和现代浏览器兼容性差异在哪？
老版本 IE 对
td的换行逻辑更保守，常需额外加word-break: keep-all才能阻止中文/英文连续字符断行；Chrome/Firefox 通常靠white-space: nowrap就够。-
word-break: keep-all：只在空格、连字符处断行（适合中英文混排） -
word-break: break-all：强制任意位置断行（适合纯英文/数字，但可能切开单词） - 如果目标是省略号而非换行，优先用
white-space: nowrap+word-break: keep-all组合，覆盖更广
图片或内联元素在
td里溢出怎么处理？white-space: nowrap对图片、span、inline-block元素无效——它们不受空白符控制，得单独约束：- 图片必须加
max-width: 100%; height: auto;，否则会撑宽整列 - 若
td内嵌了div等块级容器，省略号要写在该div上，而非直接写在td -
td自身仍需overflow: hidden，否则子元素溢出会突破边界
最稳妥的写法是把文本内容包一层
<div>，再设样式：<code><td><div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 120px;">文本</div></td>—— 避免所有兼容性干扰。 -
