直接给设height基本无效，应通过/的height、line-height、vertical-align、padding及box-sizing联合控制行高，多行内容需用max-height或flex布局处理。

直接给 <tr> 设 <code>height 基本无效——Chrome 完全忽略，Firefox 表现不一致，别白费劲。

优先用 td / th 的 height + line-height 锁定单行高度

表格行高最终由单元格内容撑开，<tr> 只是容器，不参与盒模型计算。真正可控的是 <code><td> 和 <code><th>。 <ul> <li> <code>height 和 line-height 设成相同值（如 height: 40px; line-height: 40px;），能确保单行文本垂直居中且视觉高度固定

必须加 vertical-align: middle;，否则文字会贴顶或贴底

记得设 box-sizing: border-box;，否则 padding 会额外撑高单元格

禁用默认 padding：padding: 0;，不然 height 很容易被突破

line-height 用无单位数字，别用 px 或 em

表格里字体大小可能动态变化（比如响应式缩放、用户自定义字号），硬写 line-height: 24px 会导致行高僵化、文字重叠或留白过大。

• 推荐写法：line-height: 1.5; —— 子元素继承后，按自身 font-size 重新计算，安全又灵活
• 避免 line-height: 1.5em;：它继承的是父级计算后的固定值，嵌套时易塌陷（比如 <td> 里套 <code><span></span>，文字会挤到一起）
• 如果真要像素级控制（如后台数据表格），只在局部用 px，并配合 overflow: hidden; 防止内容溢出

多行内容不能靠 line-height 控制高度

line-height 只管“行框”间距，不管容器整体高度。一旦单元格里有换行、图片、<div> 或 <code>flex 子项，line-height 就失效了。

• 多行文本想截断显示：用 display: -webkit-box; + -webkit-line-clamp: 2; + overflow: hidden;
• 需要精确高度约束：改用 max-height + overflow: auto;，或干脆把 <td> 改成 <code>display: flex; 重写布局
• 图片导致行高异常？加 vertical-align: top; 或 line-height: 0; 消除基线间隙（但仅限图片，别乱用在正文上）

border-collapse: collapse 下，cellspacing 和 cellpadding 全部失效

这两个 HTML 属性早已废弃，且在 border-collapse: collapse（现代表格标配）下完全没作用。


anything-to-html
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
下载
• cellspacing → 被 border-spacing 替代，但只在 border-collapse: separate; 时生效
• cellpadding → 直接用 padding CSS 控制，推荐写成 padding: 8px 12px; 明确上下左右
• 想模拟“单元格间距”？别动 <tr>，给 <code><td> 加 <code>margin 会破坏表格流式结构；稳妥做法是用 padding + background-clip: padding-box; 配合边框视觉隔离

  最常被忽略的一点：表格行高不是独立属性，它是 td 内容、line-height、vertical-align、padding 和渲染引擎共同作用的结果。调试时先给 <td> 加个 <code>border: 1px solid red;，再打开开发者工具看实际盒模型，比猜更准。