能，且必须设在 或 上——这是最常用、最有效的做法，因二者默认为 display: table-cell，可生成行框并使 line-height 完全生效；设在 或 上无效，给 单独设置则多余且易引发对齐异常。
line-height 能不能直接加在 <td> 或 <code><th> 上
<p>能，而且这是最常用、最有效的做法。表格单元格（<code><td> 和 <code><th>）默认是 <code>display: table-cell，属于能生成行框（line box）的上下文，line-height 在这里完全生效。
常见错误是试图给 <tr> 或 <code><table> 设 <code>line-height——它们不直接渲染文本，设了也无效；或者给 <span></span> 包裹文字再设，纯属多余，还可能因内联特性导致对齐异常。
- ✅ 正确写法：
<td style="line-height: 1.8;">多行文本</td> - ✅ 推荐写法：用 CSS 类统一控制，如
.data-cell { line-height: 1.6; } - ❌ 无效写法：
<tr style="line-height: 2;"><td>…</td></tr>
为什么 line-height 在表格里有时“看起来没变高”
不是没生效，而是被其他样式压住了。表格单元格有默认的 vertical-align: middle，当内容只有一行时，line-height 提供的上下留白会均匀分布在文字上下，但视觉上容易被忽略；如果单元格设置了 height 或 min-height，且值小于 line-height 计算出的高度，浏览器会优先满足高度约束，把文字挤进可用空间，甚至截断。
- 检查是否同时设了
height：删掉或改用min-height - 确认字体大小没被重置：比如父级
font-size: 0（某些居中 hack），会导致line-height失效 - 避免用
padding模拟行距：它增加的是单元格内边距，不是行内垂直空间，容易撑大整个表格结构
line-height 值该用数字、px 还是 em
在表格场景下，**无单位数字（如 1.6）仍是首选**，尤其当单元格内容字号可能变化（比如响应式表格、用户缩放）时。
- ✅
line-height: 1.7：子元素换字号后自动按比例缩放，安全可靠 - ⚠️
line-height: 24px：适合固定布局表格，但若某列用了font-size: 12px，24px 就显得过大；换成font-size: 18px又可能不够 - ❌
line-height: 1.5em：继承的是父级计算后的绝对值，嵌套单元格或动态插入内容时易塌陷，不推荐
中文表格建议起步值不低于 1.5，中英混排或含上标/下标时可调至 1.7–1.9，避免字母粘连或符号被切。
多行文本+垂直居中怎么一起搞定
表格单元格天然支持垂直居中，但前提是 line-height 和内容行数匹配。单行时，line-height 等于单元格高度即可居中；多行时，line-height 控制行内间距，而 vertical-align: middle 控制整块内容在单元格内的位置。
- 单行文本：设
line-height≈ 单元格高度（如height: 40px; line-height: 40px;） - 多行文本：去掉
height，只设line-height: 1.6+ 保持vertical-align: middle（默认就有） - 若内容超长换行，又想限制最大高度，用
max-height+overflow: hidden，但此时line-height仍决定每行内部疏密
真正容易被忽略的是：当单元格里混用不同字号（比如金额加单位小字），仅靠父级 line-height 无法保证基线对齐，得额外给小字号元素加 vertical-align: baseline 或微调 top 偏移。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
