7.3.2 内容区域、行内框和行框

理论上讲，一行中的每个元素都有一个内容区域，它是由字体尺寸决定的，如图7-19所示。

图7-19 内容区域 行内元素会生成一个行内框（inline box），行内框只是一个概念，它无法显示出来，但是它又确实存在。在没有其他因素影响的时候，行内框 等于内容区域，而设定行高则可以增加或者减少行内框的高度，即：将行距的值（行高-字体尺寸）除以2，分别增加到内容区域的上下两边，如图7-20所示。

图7-20 行内框与行高

由于行高可以应用在任何元素上，因此同一行内的若干元素可能有不同的行高和行内框高，例如有如下代码，其显示如图7-21所示。

图7-21 行内框与行框

这里又有一个新的概念——行框（line box）。同行内框类似，行框是指本行的一个虚拟的矩形框，其高度等于本行内所有元素中行高最大的值。因此，当有多行内容时，每行都会有自己的行框，如图7-22所示。

图7-22 多行内容的行框

提示：理解行框和行内框的概念对于学习本章[7.4垂直对齐：vertical-align属性]一节的内容非常重要。 注意：行框的高度只同本行内元素的行高有关，而和父元素的高度（height）无关。