会，line-height 在无其他高度约束时决定块级元素的最小内容高度，通过影响行框高度来间接撑开 content box，而非直接设置盒高。
line-height 会影响块级元素的最小高度吗
会，但只在特定条件下——当块级元素内只有纯文本或行内元素，且没有其他高度约束（如 height、min-height 或 padding/border）时，line-height 会直接决定该元素的“最小内容高度”。这不是盒模型本身被拉伸，而是行框（line box）堆叠后撑开了 content box。
常见错误现象：
给一个空的 <div>Hello</div> 设置 line-height: 40px，却发现盒子高度确实是 40px；但一旦加了 border: 1px solid，高度就变成 42px——这恰恰说明 line-height 影响的是 content 区域，而 border 是额外叠加的。
-
line-height不是直接设置盒子高度，而是设置行框（line box）的**基线间距**，浏览器据此推算出包含文字的最小行高 - 若块内有多个文本行，总高度 ≈ 行数 ×
line-height（忽略首尾半行等细节） - 若块内混有
vertical-align: top/bottom/middle的行内元素，实际行框高度由其中最高者决定，line-height只提供默认基准 - 设置了
height后，line-height对整体高度无影响（除非触发 overflow 或对齐变化）
inline 元素的 line-height 为什么看起来“没用”
因为 line-height 对 display: inline 元素本身不产生可测量的高度，它只作用于其所在的行框（line box）。真正撑开父容器高度的，是该行框的整体高度，而非单个 inline 元素。
使用场景举例：一个 <span>Text</span> 设了 line-height: 30px，但父 <p></p> 高度还是由段落中所有行内内容共同决定。如果父元素只有这一个 span，且无换行，那它的行框高度就取该 span 的 line-height 值（前提是父元素没设更小的 line-height）。
立即学习“前端免费学习笔记（深入）”；
- inline 元素的
line-height会被父元素继承并参与行框计算，但无法通过getBoundingClientRect().height直接读取 - 想让 inline 元素“显式占高”，得改
display: inline-block并配line-height+height或vertical-align - 注意字体度量（ascent/descent）：即使
line-height: 1，实际行框也可能略高于字体大小，因浏览器要预留渲染空间
line-height 数值类型对盒高计算的影响
数值型（如 1.5）、长度型（如 24px）、百分比（如 150%）三者行为差异很大，直接影响是否继承、是否随字体变化、是否导致意外高度。
性能/兼容性提示：老版本 IE 对 line-height: number 的处理和现代浏览器一致，但对 em 单位嵌套计算容易出错；rem 在这里基本无意义，因 line-height 不受根字体大小缩放逻辑影响（除非你故意用 rem 写死）。
-
line-height: 1.5→ 相对于当前元素的font-size计算，可继承，推荐用于正文排版 -
line-height: 24px→ 绝对值，不随字体缩放，适合按钮、标签等固定尺寸组件 -
line-height: 150%→ 相对于父元素的font-size计算，容易在嵌套中失控（子元素 font-size 改变但 % 值仍按父算）
调试 line-height 对盒高的实际影响
最直接的办法不是看元素本身，而是检查其生成的行框——Chrome DevTools 的 Layout 面板里勾选 “Show layer borders” 和 “Show paint rectangles”，再配合强制 outline: 1px dashed red 包裹文本，能看清行框真实范围。
容易被忽略的点：
当元素含 white-space: pre-line 或 word-break: break-all 时，换行位置改变，行数增加，line-height 的累积效应就会凸显；而 font-size: 0 下设 line-height，可能让行框高度归零（某些浏览器），导致父容器塌陷——这种边界情况在图标字体或隐藏文本布局中常踩坑。
- 用
getComputedStyle(el).lineHeight查看最终解析值（返回 px 字符串），确认是否按预期计算 - 对 flex 容器中的文本项，
line-height仍生效，但若设了align-items: center，视觉居中是靠 flex 对齐，不是靠行高 - 表格单元格（
<td>）中 <code>line-height表现特殊：它只影响单元格内文本行框，不影响table-row高度分配逻辑 实际项目里，line-height看似简单，但它和font-size、vertical-align、white-space缠在一起时，高度表现往往取决于最深那一层渲染细节。
