行内级元素垂直对齐方式（转)

行内级元素垂直对齐方式

默认的对齐方式为baseline，一般使用最多的就是middle，偶尔你还会看到使用像素来偏移。注意 text-top 及text-bottom 的对齐方式有点特别，不过实战中几乎不用

baseline (默认对齐)： 字母x的最底线

 Xx 中文 Xx  gf  中文

middle： 字母x的中线

 Xx 中文 Xx  gf  中文

text-top：行盒 font-size 大小所组成的内容区域顶部

 Xx 中文 Xx  gf  中文

text-bottom：行盒 font-size 大小所组成内容区域的底部

 Xx 中文 Xx  gf  中文

top：行盒的最高线

 Xx 中文 Xx  gf  中文

bottom：行盒的最低线

 Xx 中文 Xx  gf  中文

length / %：按照字母x的基线（baseline）偏移设置的数值

 Xx 中文 Xx  gf  中文

sub / super：分别对齐 sub 标签 和 sup 标签的 baseline

 Xx 中文 Xx _sub  gf ^sup  中文