必须设置table-layout: fixed才能使min-width生效，否则表格默认auto布局下min-width优先级最低；配合width: 100%和col标签或nth-child等精准选择器可分别控制各列最小宽度。
td/th直接写min-width为什么经常没反应
因为表格默认用table-layout: auto，列宽由内容撑开，min-width在计算优先级里排第三：显式width > 内容自然宽度 > min-width。哪怕你写了td { min-width: 150px }，里面只放一个“5”，它照样缩到20px——不是CSS失效，是浏览器按规则执行。
更隐蔽的坑是：th内容太窄会拖累整列，后续td的min-width根本没机会起作用；嵌套表格或overflow-x: auto容器里，这个限制还会进一步被弱化。
必须加table-layout: fixed才管用
这是唯一可靠的前置条件。不设它，min-width基本等于摆设。
table { table-layout: fixed; width: 100%; } 是推荐组合：
立即学习“前端免费学习笔记（深入）”；
-
table-layout: fixed让列宽以首行或<col>为准，min-width才能作为底线生效 -
width: 100%提供明确参考，避免min-width: 50%因父容器无宽而归零 - 如果表格有固定列数，再配合
col标签设宽更稳：<col style="width: 120px">
不同列怎么分别设最小宽度
靠选择器精准控制，别全写在td上：
- 用
nth-child：例如td:nth-child(2) { min-width: 180px; }限定第二列 - 用类名：给关键列加
class="name-col"，再写.name-col { min-width: 200px; } - 注意
th也要同步设，否则表头窄会压垮整列 - 长文本要配
white-space: nowrap或overflow: hidden，否则min-width防不住溢出
min-width和width一起写时谁说了算
min-width永远优先。比如：
td {
width: 10%;
min-width: 120px;
}
在窄屏下，10%算出来是80px，但最终宽度是120px——min-width直接覆盖了width的计算结果。
容易忽略的是：table-layout: fixed下，列宽主要看第一行单元格的width或min-width，后续行写的这些值基本被忽略。真要稳，要么用<col>，要么只在第一行th或td里设。
