1.当盒子中有内容时,内容所在的一行就会有行高;如果盒子没有设置高度,则盒子的高度有行高来撑起。

2.当盒子中有内容时,根据盒子的字号和行高,内容所在的一行会产生:text-top,middle,baseline,text-bottom,top,bottom。

3.vertical-alin为行内或行内块级盒子设置该盒子相对与所在行的垂直位置:

  1. text-top:盒子顶部与该行的text-top对齐
  2. text-bottom:盒子底部与该行的text-bottom对齐
  3. middle:盒子的中间与该行的middle对齐
  4. baseline:盒子的底部与该行的baseline对齐
  5. top:盒子的顶部与该行的top对齐
  6. bottom:盒子的底部与该行的bottom对齐