参考链接：https://www.zhangxinxu.com/wo...linebox contentareacontentarea是一个不可见的box.contentareaaroundtext的大小是与font-size的大小有关。inlineboxinlinebox并不是以块为单位显示内容，而是以一行的形式显示内容。如果是纯文本，则属于匿名行内框。linebox在containingbox中，一个接一个的inlineboxes组成了linebox。注意：行框的高度取决于行内框最高元素的高度。line-height属性的值：1.%如果line-height不是自己设置的，则line-height=font-size*%父元素；即直接继承父元素计算的line-height，与自身的font-size无关。2、如果length本身没有设置line-height，则line-height=父元素的line-height，与自身的font-size无关。3、如果number本身没有设置line-height，那么line-height=父元素的line-height。不同的是：不管继承与否，line-height=font-sizeline-height，所以有弹性。*4.normal和number一样，只是浏览器不同，大约是1.2。5.继承父元素的line-heightvarticalalign适用于：inline/inline-block/table-cell 理解vertical-align最重要的是设置行框基线（默认值）：under一般情况下，基线与X的底部对齐。如果行框中有行内框，那么它就是最后一个行内框元素的基线框。如果没有inlinebox，那么就是bottommargin边界，也就是box模型的边界。linebox有一个inlinebox，但是overflow!=可见，也是linebox有一个inlinebox的特例。如果行内框最高元素的vertical-align设置为middle，那么baseline就是最高元素中线的vertical-align值： 1.top/bottom使得top/bottom为元素bottom与linebox的top/bottom对齐2.middle将元素的中点与linebox的X-height对齐（题外话：ex相对长度单位。相对于字符“x”的高度"。通常是字体高度的一半。)3.text-top/text-bottom将元素框模型的顶部/底部与行框文本元素的顶线/底线对齐4.sub/super对齐元素盒模型的top/bottom与linebox的sub/sup元素的基线对齐5.length上下移动元素length6.%如果为0则为baselinevertical-align=line-height*%;（可以为负数）注意：如果有多行文本，两个inline-boxes然后对齐最后一行的基线
