vertical-align 行元素对齐方式

<div>

        <span></span>

        <I>i标签内容</i>

<div>

style

div {

        width:200px;

        height:200px;

 }

span{

        vertical-align:middle;

        display:inline-block;

        height:100px;

}

sub元素基线与父元素的下标基线对齐。

super元素基线与父元素的上标基线对齐。

text-top元素顶端与父元素字体的顶端对齐。

text-bottom元素底端与父元素字体的底端对齐。

middle元素中垂线与父元素的基线加上小写x一半的高度值对齐。