HTML表格行高设置全攻略
HTML表格的行高控制远非简单设置height属性就能搞定，实际需综合运用td/th的height与line-height（推荐无单位数值如1.5）、vertical-align: middle、box-sizing: border-box及精准padding等CSS属性协同调节；单行文本可借此实现稳定高度与垂直居中，而多行内容则必须放弃line-height依赖，转用max-height+overflow、flex布局或-webkit-line-clamp截断方案；同时需摒弃已废弃的cellspacing/cellpadding，改用border-spacing和padding规范控制间距，并始终通过添加边框和开发者工具验证真实盒模型——掌握这些细节，才能真正驯服表格行高这一“看似简单却极易踩坑”的前端难题。
直接给 表格行高最终由单元格内容撑开， 表格里字体大小可能动态变化（比如响应式缩放、用户自定义字号），硬写 这两个 HTML 属性早已废弃，且在 最常被忽略的一点：表格行高不是独立属性，它是 理论要掌握，实操不能落！以上关于《HTML表格行高设置全攻略》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！ 设 height 基本无效——Chrome 完全忽略，Firefox 表现不一致，别白费劲。
优先用
td / th 的 height + line-height 锁定单行高度 只是容器，不参与盒模型计算。真正可控的是 和 。
height 和 line-height 设成相同值（如 height: 40px; line-height: 40px;），能确保单行文本垂直居中且视觉高度固定vertical-align: middle;，否则文字会贴顶或贴底box-sizing: border-box;，否则 padding 会额外撑高单元格padding：padding: 0;，不然 height 很容易被突破line-height 用无单位数字，别用 px 或 emline-height: 24px 会导致行高僵化、文字重叠或留白过大。line-height: 1.5; —— 子元素继承后，按自身 font-size 重新计算，安全又灵活line-height: 1.5em;：它继承的是父级计算后的固定值，嵌套时易塌陷（比如 里套 ，文字会挤到一起）
px，并配合 overflow: hidden; 防止内容溢出多行内容不能靠
line-height 控制高度line-height 只管“行框”间距，不管容器整体高度。一旦单元格里有换行、图片、flex 子项，line-height 就失效了。
display: -webkit-box; + -webkit-line-clamp: 2; + overflow: hidden;max-height + overflow: auto;，或干脆把 改成 display: flex; 重写布局
vertical-align: top; 或 line-height: 0; 消除基线间隙（但仅限图片，别乱用在正文上）border-collapse: collapse 下，cellspacing 和 cellpadding 全部失效border-collapse: collapse（现代表格标配）下完全没作用。cellspacing → 被 border-spacing 替代，但只在 border-collapse: separate; 时生效cellpadding → 直接用 padding CSS 控制，推荐写成 padding: 8px 12px; 明确上下左右，给 加 margin 会破坏表格流式结构；稳妥做法是用 padding + background-clip: padding-box; 配合边框视觉隔离
td 内容、line-height、vertical-align、padding 和渲染引擎共同作用的结果。调试时先给 加个 border: 1px solid red;，再打开开发者工具看实际盒模型，比猜更准。
JIT优化导致volatile失效怎么排查
