1.当盒子中有内容时,内容所在的一行就会有行高;如果盒子没有设置高度,则盒子的高度有行高来撑起。
2.当盒子中有内容时,根据盒子的字号和行高,内容所在的一行会产生:text-top,middle,baseline,text-bottom,top,bottom。
3.vertical-alin为行内或行内块级盒子设置该盒子相对与所在行的垂直位置:
- text-top:盒子顶部与该行的text-top对齐
- text-bottom:盒子底部与该行的text-bottom对齐
- middle:盒子的中间与该行的middle对齐
- baseline:盒子的底部与该行的baseline对齐
- top:盒子的顶部与该行的top对齐
- bottom:盒子的底部与该行的bottom对齐