table-layout: fixed 单独使用无效，必须配合 table 的 width、 或首行单元格 width 声明才能固定列宽，否则退为均分； 优先级最高且最稳定，还需手动控制文本溢出与换行。
table-layout: fixed 单独加在 CSS 里不会让列宽“固定”——它只是切换计算逻辑，真正起作用的必须是 table 的显式 width、<col> 或第一行单元格的 width 声明，再加上对文本溢出的控制。
为什么加了 table-layout: fixed 还是自适应？
浏览器在 fixed 模式下只按三级优先级找列宽依据：<col> > 第一行 <th>/<code><td> 的 <code>width（HTML 属性或内联 style）> 均分表格总宽。如果三者全缺，它就退回到“均分 100%”，而均分结果完全由内容最小宽度决定，尤其小屏下容易崩。
-
table没设width（比如只写了table-layout: fixed，但没写width: 100%或width: 600px） - 用了
<td width="120"> 但写在第二行以后——<code>fixed模式下只读第一行 - 父容器是
display: inline或未设宽的flex容器，导致百分比无法解析 - 写了
min-width或max-width在td上，这些在fixed下常被跳过 <colgroup> <col style="width: 150px;"> <col style="width: 30%;"> </colgroup>- 没写
<col>的列，宽度由第一行对应单元格的width决定 -
<col style="width: auto">在fixed下不会生效，但它是个语义占位符，提示该列需动态管理（比如 JS 后续重算） - 防止单元格内换行：加
white-space: nowrap - 强制截断并显示省略号：需组合
overflow: hidden+text-overflow: ellipsis+white-space: nowrap - 允许单词内断行（如超长 URL）：用
word-break: break-all或overflow-wrap: break-word - 边框和内边距会影响实际占用空间，建议统一设
box-sizing: border-box
用 <col> 定义列宽才是稳定解法
<col> 是专为列级宽度控制设计的语义化元素，优先级高于任何单元格上的 width 声明，且不依赖内容渲染顺序。它必须放在 <table> 开始后、<code><thead> 之前，且只支持 <code>px、%、em 等单位，fr 不可用。
文本溢出和换行必须显式控制
即使列宽固定，长文本仍会撑开单元格或换行错位——table-layout: fixed 不自动处理内容显示逻辑，必须手动加样式。
最易被忽略的一点：外层容器若没设 width 或含 overflow: hidden，表格可能被裁剪，看起来像“没生效”；小屏场景下，记得给父容器加 overflow-x: auto 应对横向溢出。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
