nowrap属性在<td>中能强制不换行，但常因表格未设table-layout: fixed、未显式定义列宽、内容含无空格长串或嵌套块级元素而失效；CSS的white-space: nowrap优先级更高，会覆盖HTML nowrap属性。
nowrap 属性确实能快速让 <td> 里文字不换行，但它不是“写了就稳”，尤其在现代项目中容易出意外。
为什么 nowrap 有时看起来没用
浏览器其实一直支持 <td nowrap>（或 <td nowrap="nowrap">），但失效常是因为：
- 表格列宽由内容撑开，
nowrap只说“别折行”，没说“边界在哪”——结果整列被拉宽，甚至横向溢出 - 同时设置了
width的<td>，反而会让nowrap失效（某些旧版渲染逻辑） - 父
<table>没设width，或用了table-layout: auto（默认值），nowrap就失去约束对象 - 内容里有 URL、邮箱、证书号等无空格长串，
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 设了word-break: break-word→ 文字照常换行 -
<td nowrap>套了<div>，而<div>默认可换行 →nowrap只作用于<td>，管不了子元素 - 用了
colgroup或<col>定义宽度，但没配table-layout: fixed→nowrap依然无效
什么时候还该用 nowrap 属性
它没死，只是不该当主力。适用场景很窄：
- 临时调试或原型页面，想秒见效，不关心语义合规
- 老系统维护，CSS 层级混乱、不敢动，且不需要省略号（
text-overflow: ellipsis） - 配合
<table width="100%">这类内联宽高定义时，nowrap有时比 CSS 更“硬气”
注意：<td nowrap="nowrap"> 和 <td nowrap> 效果完全一样，布尔属性无需赋值。
contenteditable 的 <td> 里 nowrap 完全失效
用户按 Enter 会插入 <div> 或 <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；一旦节点结构变复杂，所有样式都失能。
