必须用 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></p>、<div> 等自带换行语义的元素，它们会覆盖 <code>nowrapnowrap属性还能用吗？什么时候该用能用，所有现代浏览器都支持
<td nowrap>，但它已是 HTML5 废弃属性。适用场景非常有限： <ul> <li>临时调试、原型草稿，想秒见效，不介意语义不合规</li> <li>维护老系统，CSS 不易改，且不需要省略号（<code>text-overflow: ellipsis）或溢出控制 - 配合
<table width="100%"> 这类内联宽高定义时，<code>nowrap有时比 CSS 更“硬气”但要注意：
<td nowrap> 和 <code><td nowrap> 效果一样，布尔属性无需赋值；如果同时写了 <code>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>，必须监听 <code>keydown并调用e.preventDefault()，再处理粘贴事件清除换行符真正稳定的方案从来不是单点设置，而是
table-layout: fixed+ 显式列宽 +white-space: nowrap+display: block四者闭环。漏掉任一环，都可能在某个浏览器或某种内容长度下突然失效。
-
