CSS-行内框、行框、行高

html-css017

CSS-行内框、行框、行高,第1张

顶线和底线包含的区域

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

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

文本行中的每个元素都会生成一个内容区。这个内容区则会生成一个行内框(inline box),当一行中的所有内容均已生成了行内框,那么接下来在行框的构造中就会考虑这些行内框,行框的高度要足以包含最高行内框的顶端和最低行内框的底端。