html5已废弃td的nowrap属性，应改用white-space: nowrap；但仅设此样式常无效，需配合table-layout: fixed、width或overflow等布局属性才能稳定生效。
td 里用 nowrap 属性会出什么问题
直接写 nowrap 或 nowrap="nowrap" 在 <td> 上，HTML5 已明确废弃——W3C 验证器报错、CSS 选择器（如 <code>td[nowrap]）不可靠、在 Shadow DOM 或现代组件框架里可能完全失效。浏览器虽还兼容，但属于“能跑但不该用”的遗留行为。
white-space: nowrap 为什么经常没效果
只给 <td> 加 <code>white-space: nowrap 常常白搭，因为表格默认是 table-layout: auto，列宽由内容撑开，“不换行”对浏览器来说等于“没必要换”，它就真不换了。
必须配合以下至少一项才稳定生效：
- 给
<table> 设置 <code>table-layout: fixed，再通过width或<col>显式定义列宽 - 给目标
<td> 同时加 <code>width（比如width: 200px） - 加
overflow: hidden+text-overflow: ellipsis防止文字溢出失序 - 默认不设
white-space（继承normal） - 仅对需要禁换行的单元格加类名，例如
class="no-wrap"，再配 CSS：.no-wrap { white-space: nowrap; } - 如果
<td> 里嵌了 <code><div> 或 <code><span></span>，记得把white-space也显式作用到子元素上，否则无效 - 避免用
!important覆盖，后续调试时极难定位冲突来源 - 组合使用
white-space: nowrap+word-break: keep-all - 前端截断：用
String.slice(0, 30) + '…'预处理再渲染 - 把纯文本 URL 改成
<a href="..."></a>，并加样式：a { display: inline-block; max-width: 100%; }
如何让部分 td 不换行、其他正常换行
别给整个表格设全局样式，否则所有单元格都跟着变软或变硬。正确做法是按需开关：
移动端和长 URL 的特殊处理
iOS Safari 和部分安卓 WebView 对超长 URL 或 Base64 字符串，即使加了 white-space: nowrap 仍可能强行折行——这不是 bug，是浏览器主动防布局崩坏。
可靠方案有：
真正容易被忽略的是：white-space 控制的是“空白符处理逻辑”，不是“强制单行显示开关”。它必须和 width、overflow、table-layout 这些布局属性协同才能落地，单独写一行 CSS 很大概率没反应。
