的 height 属性已废弃，现代浏览器行为不可靠；应改用 height + line-height + box-sizing: border-box + padding: 0 组合控制单行高度，多行内容需用 max-height 或 min-height 等 css 方案。
HEIGHT 属性在 <td> 上已废弃，现代浏览器虽仍能解析，但行为不可靠——Chrome 会忽略它，Firefox 表现不一致，且 HTML5 标准明确不支持。必须用 CSS 替代。
<h3>为什么直接写 <code>height 在 <td> 上经常没效果
<p>根本原因不是“写错了”，而是浏览器渲染机制：表格单元格的最终高度由内容、<code>line-height、padding、vertical-align 和 box-sizing 共同决定，height 只是其中一个弱约束。更关键的是，<tr> 的 <code>height 属性根本不被标准支持，所有依赖它的写法都属于侥幸生效。
<td height="40"> 在旧文档中可能“看起来”有效，但一旦加了 padding、字体变大或内容换行，高度立刻突破 <li><code><tr height="40"> 在 Chrome 中完全无效，在 Firefox 中仅对首行部分生效，不可用于生产环境 <li>即使 <code>height生效，也默认按content-box计算，padding会额外撑高，实际高度 = height + padding-top + padding-bottom- 给
<td> 或 <code><th> 设置 <code>height: 40px（固定容器高） - 同时设
line-height: 40px（让单行文本垂直居中，且不因字体大小浮动） - 加
box-sizing: border-box（把 padding 和 border 算进 height 里，避免撑开） - 显式清空内边距：
padding: 0，否则哪怕只设padding: 2px 8px，实际高度就变成 44px
height + line-height + box-sizing 组合才真正可控
要锁死单行单元格视觉高度（比如后台数据列表），必须三者协同：
示例 CSS：
td.fixed-height {
height: 40px;
line-height: 40px;
box-sizing: border-box;
padding: 0;
vertical-align: middle;
}
多行内容或动态内容怎么办
一旦单元格里有换行文本、图片或富内容，line-height 就失效，height 会被撑开。这时不能硬锁高度，而要分场景处理：
- 需要截断显示：用
max-height: 80px+overflow: hidden+display: -webkit-box+-webkit-line-clamp: 2 - 允许自适应但防跳变：用
min-height: 40px，配合padding控制最小留白，比固定height更健壮 - 响应式表格：避免用像素值，改用
em或rem，并搭配媒体查询调整min-height - 合并单元格（
rowspan）：高度由参与合并的所有行共同决定，CSS 高度设置只作用于首个<td>，后续单元格继承，需统一 class 控制 <p>最常被忽略的一点：父容器如果有 <code>overflow: hidden或固定高度，会剪裁超出的表格行，而这种剪裁在开发者工具里不易察觉——务必检查表格外层包裹元素的高度限制。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
