CSS表格的min-height默认无效，需设置table-layout:fixed与明确宽度才能生效。tr设min-height时不可同时设height。td/th无法用min-height，改用line-height并清除padding实现最低行高。
你刚给一个 标签加了 min-height: 200px，刷新页面后发现纹丝不动，对吧？别怀疑是自己写错了，这其实是 CSS 规范下的一个“隐藏陷阱”——表格作为一个格式化上下文容器，它的高度天生由内容、行高和布局模式决定，min-height 在默认的 table-layout: auto 下根本不会生效。浏览器对待表格的态度很明确：你有内容你就撑开，你让我设最小高度？我不管。这里面有几个关键逻辑可以先梳理清楚：
height 属性在旧规范里对 起的是“最小高度”效用，但 HTML5 已经把它定义为非标准用法，语义混乱不说，响应式场景下一不小心就会出问题。- 真正能控制表格最小高度的入口，不在
本身，而是在 上，或者通过 line-height 加 padding 的组合拳来实现。- 如果非要硬来，把
设置成 display: block 或者用 flex 容器包起来，确实可以让 min-height 生效，但表格语义和可访问性也就一起丢掉了。
tr 上设 min-height 的前提条件是什么？
min-height 在 上能够稳定工作，有三个硬性条件必须同时满足：- 首先，
必须显式设置 table-layout: fixed，否则行高的约束不会被触发。- 其次，
必须有一个明确的宽度值，可以是 width: 100% 或者具体像素——固定布局需要知道宽度才能计算列宽，列宽算不出来，行高约束就直接跳过了。- 最后，不要在同一个地方再写一个
height，一旦出现 tr { height: 48px; }，它会毫不客气地覆盖 min-height，直接变成固定高度。 来看一个能正常生效的例子：
table { table-layout: fixed; width: 100%;}tr { min-height: 48px;}td, th { padding: 8px 12px; vertical-align: middle;}
td/th 上无法用 min-height，那怎么让单行单元格“看起来不低于某高度”？
td 和 th 本质上是内联级替换元素的变体，CSS 规范明确禁止 min-height 对它们生效。但不用担心，有更轻量、兼容性也更好的替代方案：
- 把
line-height 设置成你期望的视觉高度，比如 line-height: 44px。 - 搭配
vertical-align: middle 让文字实现垂直居中。 padding 记得清除为 0，避免叠加撑高。- 如果确实需要严格限制单行高度，可以加一个
height: 44px。
这套方案从 IE7 到最新的 Safari 18 都稳定运行，而且不会因为换行、图片或者 inline-block 子元素而意外失效。
Element UI 的 el-table 怎么调最低行高？
很多人遇到 el-table 行高“虚高”的问题，其实根本原因在于组件默认给 th 和 td 加了一层 padding（通常是上下 12px）。F12 审查一下就能看到。
解决思路也不复杂：
- 用深度选择器清除 padding：
.el-table .el-table__cell { padding: 0; } - 配合
line-height 和 vertical-align 微调文字位置。 - 如果你用了
header-row-style 或 cell-style，记得在这些函数里也返回对应样式，否则会被默认样式覆盖。 - 值得提醒的是：全清 padding 后表头文字可能会贴边，建议至少保留 4–6px 的横向 padding，可读性比极致高度更重要。
最矮往往不是最终目标，可读性才是。
