table-layout: fixed 单独使用无效，必须同时设置 table 宽度、col 或第一行单元格的 width，并控制文本溢出行为；列宽依据优先级为 col > 第一行 th/td 的 style width > 均分剩余空间。
table-layout: fixed 单独写在 CSS 里基本没用，它只是切换布局模式，不设宽度基准就无法分配列宽——你看到的“没生效”，90% 是因为缺了三样东西：table 的 width、<col> 或第一行 <th>/</th>
<td> 的 <code>width（CSS style，不是 HTML 属性）、以及对文本溢出的显式控制。
为什么 table-layout: fixed 加了却还是自适应？
浏览器只认“预设宽度来源”，不是写了 fixed 就自动固定。它按三级优先级找列宽依据：<col> > 第一行 <th>/<code><td> 的 <code>style="width: ..." > 均分剩余空间。如果全没提供，它就退回到“均分 100%”，而均分结果受内容影响极大，尤其小屏下容易崩。
-
<col>必须写在<table> 开始后、<code><thead> 前，且是 <code><table> 的直接子元素；塞进 <code><tbody> 或 <code><tr> 里，DevTools 都看不到它 <li> <code><col width="120">在 HTML5 中已被废弃，所有现代浏览器静默忽略；必须改用<col style="width: 120px"> - 百分比值（如
style="width: 25%"）只在table有明确width（比如width: 100%或width: 800px）时才可计算，否则视为无效 - 结构示例：
<table style="table-layout: fixed; width: 100%;"> <col style="width: 120px"> <col> <col style="width: 80px"> <thead><tr> <th>ID</th> <th>名称</th> <th>操作</th> </tr></thead> <tbody><tr> <td>1</td> <td>商品A</td> <td>编辑</td> </tr></tbody> </table> - 如果所有
<col>都设了像素值，总和超过table宽度，浏览器会按比例缩放（非截断） - 想让某列“自动撑开”，写
<col style="width: auto">，但 Safari 下可能塌缩为 0，建议加min-width: 0保险 - 对需要截断的列加：
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;；前提是该单元格有明确宽度（来自<col>或 CSS），且父级未设white-space: nowrap - 对需要换行的列加：
word-break: break-word;或overflow-wrap: break-word; - 务必给
<td> 和 <code><th> 设置 <code>vertical-align: top，否则多行文本可能上下错位 - 某些框架（如 Bootstrap）会自动加
min-width: auto，需重置为min-width: 0才能让width真正生效 - 跨浏览器稳定写法：同时写
<col style="width: 150px">和<th width="150">（第一行） <li> <code>width="150"是 HTML 属性，不是 CSS，不能写成width="150px"（IE 会忽略带单位的值） - 如果表格列数动态生成（比如后端返回字段列表），就得用 JS 插入对应数量的
<col>元素，否则列数对不上，最后一列永远没样式
怎么让某一列固定像素、其余自适应？
用 <col> 元素配合 table-layout: fixed 是最可靠方式。注意：<col> 的 width 值优先级高于 <th>/<code><td> 的 <code>width；没设 width 的 <col> 会均分剩余空间（不是按内容长度）。
table-layout: fixed 下文字溢出怎么处理？
默认情况下，table-layout: fixed 会让长文本直接撑破单元格或换行异常。必须手动控制文本行为。
IE8–11 中 table-layout: fixed 的兼容性坑
IE 对 table-layout: fixed 的实现有严重偏差：它会忽略 <col> 的 style="width"，转而读取第一行 <th>/<code><td> 的 <code>width HTML 属性（不是 CSS）。现代浏览器两者都认，但 IE 只认 HTML width。
真正难的不是写 table-layout: fixed，而是确保它背后那三层约束都到位：表格自身宽度、列宽定义源、文本行为控制。漏掉任意一个，看起来都像“没固定住”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
