nowrap属性在中能强制不换行，但常因表格未设table-layout: fixed、未显式定义列宽、内容含无空格长串或嵌套块级元素而失效；css的white-space: nowrap优先级更高，会覆盖html nowrap属性。
nowrap 属性确实能快速让 <td> 里文字不换行，但它不是“写了就稳”，尤其在现代项目中容易出意外。
<h3>为什么 <code>nowrap 有时看起来没用
浏览器其实一直支持 <td nowrap>（或 <code><td nowrap>），但失效常是因为：
<ul>
<li>表格列宽由内容撑开，<code>nowrap 只说“别折行”，没说“边界在哪”——结果整列被拉宽，甚至横向溢出
width 的 <td>，反而会让 <code>nowrap 失效（某些旧版渲染逻辑）
<table> 没设 <code>width，或用了 table-layout: auto（默认值），nowrap 就失去约束对象
nowrap 阻不住浏览器在 /、.、@ 处“断词”
nowrap 和 white-space: nowrap 能共存吗
能，但 CSS 会赢。如果同时写了：
<td nowrap style="white-space: normal">文本</td>
那最终生效的是 white-space: normal，nowrap 属性被覆盖。反过来也一样：nowrap 不会覆盖已声明的 white-space: pre-wrap 等值。
常见冲突点：
<td nowrap> + 外层 CSS 设了 <code>word-break: break-word→ 文字照常换行<td nowrap> 套了 <code><div>，而 <code><div> 默认可换行 → <code>nowrap只作用于<td>，管不了子元素 <li>用了 <code>colgroup或<col>定义宽度，但没配table-layout: fixed→nowrap依然无效- 临时调试或原型页面，想秒见效，不关心语义合规
- 老系统维护，CSS 层级混乱、不敢动，且不需要省略号（
text-overflow: ellipsis） - 配合
<table width="100%"> 这类内联宽高定义时，<code>nowrap有时比 CSS 更“硬气”注意：
<td nowrap> 和 <code><td nowrap> 效果完全一样，布尔属性无需赋值。 <h3>contenteditable 的 <code><td> 里 <code>nowrap完全失效用户按 Enter 会插入
<div> 或 <code><p></p>，DOM 结构已变成多行，nowrap和white-space: nowrap都管不住。必须 JS 干预：
- 监听
keydown，对e.key === 'Enter'调用e.preventDefault() - 监听
paste，用e.clipboardData.getData('text/plain')提取纯文本，并.replace(/[\r\n]/g, '')清除换行符 - Safari 下还得加
-webkit-appearance: none，否则光标可能错位
真正难的不是不让它换行，而是不让换行行为进入 DOM；一旦节点结构变复杂，所有样式都失能。
- 监听
什么时候还该用 nowrap 属性
它没死，只是不该当主力。适用场景很窄：
