答案：必须设置table { table-layout: fixed }，否则td/th的min-width基本无效；需配合首行宽度定义、white-space和overflow控制，以及外层容器min-width约束，才能确保最小宽度生效。
table-layout: fixed 是前提，否则 min-width 基本无效
直接给 td 或 th 写 min-width: 120px 却没效果？大概率是表格还在用默认的 table-layout: auto。这种布局下，列宽由内容撑开，浏览器会优先满足“内容完整显示”，min-width 很容易被忽略。
必须显式设置：table { table-layout: fixed; }。这样列宽才由首行 th 或 CSS 宽度定义主导，min-width 才真正起作用。
- 首行
th最好也设宽度（如width: 150px），和min-width配合更稳 - 如果首行是空的或没内容，
table-layout: fixed可能导致列宽均分，需额外用col或类名控制 - 注意：
table-layout: fixed下，长文本默认会换行；若要禁止换行，得加white-space: nowrap，但要小心撑破容器
给 td/th 设 min-width 要配合 white-space 和 overflow
只写 min-width: 100px，遇到长单词、URL 或中文连续无空格文本时，单元格仍可能被拉宽——这不是 min-width 失效，而是内容本身突破了限制。
典型场景：td 里放一个没空格的 API 地址，比如 https://api.example.com/v1/users?include=profile,avatar。
立即学习“前端免费学习笔记（深入）”；
- 加
white-space: normal（默认值）让文本自动折行，配合min-width才能守住底线 - 若必须单行显示，改用
white-space: nowrap+overflow: hidden+text-overflow: ellipsis，但需同时设max-width，否则仍可能溢出 - 避免对整张表设
white-space: nowrap，它会让所有单元格失去折行能力，窄屏下极易横向滚动
窄屏下整体表格不被挤压，得从外层容器入手
单个单元格守住了 min-width，但整张表还是被压缩进小屏幕？问题不在 td，而在表格父容器没约束。
常见错误：把 table 直接放在 div 里，而该 div 没设宽度或 min-width，导致表格随容器缩放。
- 给表格外层加包裹容器，例如：
<div class="table-wrapper"><table>...</table></div> - 设
.table-wrapper { min-width: 768px; overflow-x: auto; }——既防挤压，又允许横向滚动（比变形强） - 不要只靠
width: 100%，它在 flex 或某些响应式布局里可能失效；明确给min-width更可靠 - 如果用在移动端，
min-width值建议不低于320px（最小常见屏宽），但具体看内容密度，比如带操作列的表格至少480px
Flex 容器里的 table 会破坏 min-width 行为
把 table 放进 display: flex 的父容器里？小心——flex 默认会收缩子项，min-width 在表格上很可能被无视。
现象：表格在窄屏下突然变窄，文字挤成一团，检查发现 td 的 min-width 样式明明写了，却没生效。
- 根本原因是 flex 子项默认有
min-width: auto+flex-shrink: 1，表格作为整体被压缩 - 解决办法：给表格本身加
min-width: 0（覆盖默认的auto），再设你想要的min-width，例如：table { min-width: 0; min-width: 600px; } - 或者更干脆：给表格加
flex-shrink: 0，让它完全不参与收缩 - 别忘了父容器设
flex-wrap: wrap，否则所有 flex 项目死扛单行，min-width更难起效
min-width 写没写，而是它生效的前提链断在哪一环：table-layout、外层容器约束、flex 干扰、以及内容换行策略——四个点漏掉任何一个，都可能让最小宽度形同虚设。 
