white-space: nowrap 单独写在 <td> 上基本无效，因表格默认 table-layout: auto 导致列宽由内容撑开，nowrap 缺乏参照边界；必须配合 table-layout: fixed、明确列宽、overflow: hidden 和 text-overflow: ellipsis 才能强制单行。
直接结论：只写 white-space: nowrap 在 <td> 上基本无效——表格默认是 table-layout: auto，列宽由内容撑开，“不换行”根本没参照边界。
为什么 white-space: nowrap 单独写在 <td> 里不生效
这不是 CSS 写错了，而是浏览器压根没机会执行它：
-
<table>默认table-layout: auto，列宽动态计算，nowrap不知道“一行该多宽” -
<td>没设width或max-width，宽度不可控，溢出判断失效 -
<td>是display: table-cell，不是块级元素，white-space对它的约束力被大幅削弱 - 父级或全局样式可能覆盖了它，比如
word-break: break-word或更具体的选择器重置了white-space
table-layout: fixed 是强制不换行的前提
必须先让表格进入“可控宽度模式”，否则所有后续样式都是空中楼阁：
- 给
<table>加table-layout: fixed—— 列宽不再由内容决定，而是由<col>、width属性或 CSS 定义 - 配合显式列宽：用
<col width="160">，或给<td>/<th>设width: 160px或width: 25% - 如果列宽靠百分比，确保父容器有明确宽度（如
width: 100%且祖先元素不塌陷） - 避免在
<td>内嵌套<p>、<div>等自带换行语义的块级元素
完整生效的四要素缺一不可
要稳定实现“强制单行 + 溢出隐藏 + 省略号”，这四个条件必须同时满足：
立即学习“前端免费学习笔记（深入）”；
-
table上设table-layout: fixed -
td或对应<col>有明确宽度（width或max-width） -
td上设white-space: nowrap+overflow: hidden+text-overflow: ellipsis -
td建议加display: block或display: inline-block，补全块级渲染上下文（尤其在复杂嵌套或 Flex 容器中）
漏掉任意一个，在 Safari 或长 URL 场景下就可能突然换行或撑开表格。真正难的不是写哪一行样式，而是让整个表格布局进入可预测状态——table-layout: fixed、列宽定义、td 渲染模式，三者环环相扣。
