white-space: nowrap在td中单独使用无效，必须同时满足三个条件：table设table-layout: fixed、td或col设明确宽度（如width: 160px）、td设display: block/inline-block；否则浏览器无法判断溢出边界，导致换行或截断失效。
为什么只加 nowrap 属性文字还是换行
因为 nowrap 是 HTML4 布尔属性，现代浏览器虽仍兼容，但它不参与 CSS 渲染流程，也不受父级样式约束——它只是“让内容硬撑”，一旦内容超宽，表格会直接撑破布局，而不是截断或滚动。更关键的是：nowrap 无法配合 text-overflow: ellipsis、overflow: hidden 等控制溢出的行为，纯靠浏览器默认渲染，不可预测。
white-space: nowrap 在 td 里为什么经常没反应
根本不是样式写错了，而是缺少三个强制前提：
-
table元素必须设table-layout: fixed—— 否则列宽由内容动态撑开，white-space: nowrap根本找不到“该在哪截”的基准 -
td或其对应col必须有明确宽度（如width: 160px或width: 25%），不能只靠min-width或flex -
td需要display: block或display: inline-block—— 默认的display: table-cell是内联表格上下文，white-space对它的控制力极弱
要显示省略号（...）必须同时满足哪几个条件
text-overflow: ellipsis 不是“写了就出”，它只在以下三者并存时才生效：
white-space: nowrap-
overflow: hidden（clip兼容性差，别用） - 容器有确定宽度：可以是
width、max-width，或在table-layout: fixed表格中通过col或td显式定义的像素/百分比宽度
漏掉任意一个，比如只写 td { white-space: nowrap; text-overflow: ellipsis; }，等于白配。
中英文混排、URL、邮箱等长串怎么避免被浏览器“断词”
中文在 white-space: nowrap 下基本不换行，但英文单词、路径、邮箱会被浏览器在 /、.、? 等符号处自动拆开——这不是换行，是断词（word break）。需额外加：
-
word-break: keep-all：阻止浏览器在任意字符间拆分英文单词 - 若允许截断，必须同步加
overflow: hidden+text-overflow: ellipsis，且确保前面三要素（table-layout: fixed、显式宽度、display: block）已到位 - 对
contenteditable="true"的td，CSS 完全无效：用户按 Enter 会插入<div>，必须监听 <code>keydown并e.preventDefault()，再处理粘贴事件清除换行符真正难的从来不是加一行样式，而是让整个表格进入可控状态：
table-layout: fixed定布局、显式列宽定尺寸、display: block定渲染上下文——三者缺一不可。漏掉任一环，在某些内容长度或浏览器下就会突然失效。
