必须用 white-space: nowrap 替代已废弃的 nowrap 属性，且需配合 table-layout: fixed、显式宽度及 display: block 才能稳定生效；否则因表格默认 auto 布局，nowrap 失去约束边界而失效。
直接结论：用 nowrap 属性最简单，但只适用于快速验证或遗留系统；现代项目必须用 white-space: nowrap 配合 table-layout: fixed 和显式宽度，否则大概率失效。
为什么只写 white-space: nowrap 在 td 里没用
浏览器默认按内容撑开列宽，white-space: nowrap 的“不换行”需要一个明确的“边界”来判断是否溢出——而 td 没设宽度、table 是 table-layout: auto（默认值），这个边界就不存在。结果就是：样式写了，但文本照常折行。
-
table必须加table-layout: fixed，否则列宽由内容动态分配，nowrap失去约束对象 -
td或其父级col必须有明确宽度（如width: 150px或width: 20%），不能靠内容撑 -
td建议加display: block或display: inline-block，确保它具备块级渲染上下文，white-space才能完整生效 - 避免在
td内嵌套<p>、<div>等自带换行语义的元素，它们会覆盖nowrap
nowrap 属性还能用吗？什么时候该用
能用，所有现代浏览器都支持 <td nowrap>，但它已是 HTML5 废弃属性。适用场景非常有限：
- 临时调试、原型草稿，想秒见效，不介意语义不合规
- 维护老系统，CSS 不易改，且不需要省略号（
text-overflow: ellipsis）或溢出控制 - 配合
<table width="100%">这类内联宽高定义时，nowrap有时比 CSS 更“硬气”
但要注意：<td nowrap="nowrap"> 和 <td nowrap> 效果一样，布尔属性无需赋值；如果同时写了 nowrap 和冲突的 CSS（比如 word-break: break-word），CSS 会赢。
中英文混排、URL、邮箱等长串怎么处理
纯 white-space: nowrap 对中文有效，但对英文单词、路径、邮箱，浏览器仍可能在 /、.、? 处断行——这不是换行，是“断词”。需额外加：
-
word-break: keep-all：阻止浏览器在任意字符间拆分英文单词 -
overflow: hidden+text-overflow: ellipsis：若允许截断，这三个必须同时存在，缺一不可 - 对
contenteditable的td，CSS 完全无效：用户按 Enter 会插入<div>，必须监听keydown并调用e.preventDefault()，再处理粘贴事件清除换行符
真正稳定的方案从来不是单点设置，而是 table-layout: fixed + 显式列宽 + white-space: nowrap + display: block 四者闭环。漏掉任一环，都可能在某个浏览器或某种内容长度下突然失效。
