nowrap属性虽能阻止换行且兼容所有浏览器，但属HTML4废弃属性；white-space: nowrap单独使用无效，需配合table-layout: fixed、明确列宽及display: block才生效；长数字含分隔符时还需word-break: keep-all；contenteditable场景则必须用JS拦截Enter和粘贴事件。
td里写nowrap能立刻生效，但别在新项目里用
它确实能阻止换行，所有浏览器都认，但nowrap是HTML4遗留属性，HTML5已废弃。你写<td nowrap>或<td nowrap="nowrap">效果一样，可一旦要加省略号、控制溢出、做响应式适配，它就完全没法配合CSS逻辑。真正需要长期维护的表格，从一开始就不该依赖这个属性。
white-space: nowrap单独写在td里基本无效
原因很实在：浏览器不知道“一行该多宽”。表格默认用table-layout: auto，列宽由内容撑开，white-space: nowrap根本没边界可参照。结果就是样式写了，文本照常折行——不是bug，是逻辑没闭环。
必须同时满足三个条件：
-
table元素加table-layout: fixed -
td或对应col设明确宽度，比如width: 140px或width: 20% -
td加display: block（或inline-block），否则它还是表格单元格语义，white-space约束力极弱
长数字（如证书编号、订单号）容易被浏览器“断词”
纯数字串没问题，但带分隔符的长数字（比如ABCD-123456789-XYZ或2026/07/07-152348）会被浏览器在-、/处主动拆开——这不是换行，是断词行为，white-space: nowrap管不住。
立即学习“前端免费学习笔记（深入）”；
得额外加：
-
word-break: keep-all：阻止在任意字符间拆分 -
overflow: hidden+text-overflow: ellipsis：如果允许截断，这三个必须共存，缺一不可
contenteditable的td禁换行，CSS完全失能
用户按Enter会插入<div>或<p>，DOM结构已变成多行，此时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；一旦节点变复杂，CSS就彻底退出游戏。
