nobr 标签已被 HTML5 废弃，W3C 未采纳，仅靠浏览器兼容性残留渲染；应使用 white-space: nowrap 替代，它标准、语义清晰、全浏览器支持且可控可靠。
nobr 标签在现代 HTML 中已无实际使用价值，它既不被 HTML5 标准支持，也不具备语义意义，仅靠浏览器“兼容性残留”勉强渲染——但依赖它就是给未来埋雷。
为什么 nobr 不能用
它不是 HTML5 合法标签，W3C 从未将其纳入标准，所有主流浏览器（Chrome、Firefox、Safari、Edge）都只是出于向后兼容做了“尽力渲染”，而非正式支持。这意味着：
- HTML 验证器会报错：
Element nobr is not supported in HTML5 - 在严格模式（
DOCTYPE html）下行为不可靠，某些版本 Safari 或旧版 Edge 可能直接忽略 - 无障碍工具（如屏幕阅读器）完全不识别其含义，语义为零
- 无法通过 CSS 伪类（如
::before）或 JS 的document.querySelector('nobr')稳定操作
white-space: nowrap 是唯一可靠替代方案
这是 CSS 规范中明确定义、全浏览器支持、且语义清晰的强制不换行机制。关键点在于：它作用于块级或内联元素，不改变 HTML 结构，只控制表现。
- 对单个元素生效：
<span style="white-space:nowrap">不换行文本</span> - 配合
overflow: hidden和text-overflow: ellipsis实现单行截断 - 对表格单元格需额外加
table-layout: fixed才能确保white-space: nowrap生效 - 与 Flex/Grid 布局天然兼容，比如
display: flex容器内的子项默认就不换行
遇到老项目里还有 nobr 怎么办
别改完就跑，得验证真实影响范围：
立即学习“前端免费学习笔记（深入）”；
- 先全局搜索
<nobr>和</nobr>，确认是否成对出现、有无嵌套或自闭合写法 - 检查对应元素是否设置了
width或父容器是否受限（否则nowrap本身无意义） - 替换时优先用 class 封装样式，例如：
<span class="no-wrap">文本</span>，CSS 写.no-wrap { white-space: nowrap; } - 特别注意表单控件（如
<input>）、<pre>或<code>内部的nobr—— 这些地方更推荐用css控制，而非硬塞语义错误标签
真正容易被忽略的，是那些看似“还能用”的 nobr：它们在开发者本地 Chrome 里显示正常，却在 CI 构建的 HTML 验证阶段失败，或在某款企业定制浏览器中彻底消失。用 white-space: nowrap 不是多写几个字的事，而是把控制权从浏览器的兼容性赌注，拿回到自己可控的 CSS 规则里。
