CSS－行内框、行框、行高

• 内容区

顶线和底线包含的区域

• 行内框

每个行内元素会生成一个行内框，行内框是一个浏览器渲染模型中的一个概念，无法显示出来，在没有其他因素影响的时候（padding等），行内框等于内容区域。设定行高时行内框高度不变，半行距分别增加/减少到行框的上下两边。简单说来，行内框就是行内元素的边框。

• 行框

行框是指本行的一个虚拟的矩形框，是浏览器渲染模式中的一个概念，并没有实际显示。行框高度等于本行内所有元素中行内框最大的值。当有多行内容时，每行都会有自己的行框。

参考

1. CSS深入理解vertical-align和line-height的基友关系
2. CSS行高——line-height