垂直居中

注意vertical-align属性仅对inline-block生效

vertical-align属性用于指定行内元素的垂直对齐方式
默认值为baseline，不可继承

大部分取值相对于父元素来说
可选值：
1.baseline 元素基线与父元素的基线对齐，注：对于一些可替换元素，比如，html标准没有说明它的基线，这意味着对其使用该关键字，各浏览器的表现可能不一样。一般情况下如果元素没有基线baseline，则以它的外边距的下边缘为基线
2.text-top 元素顶端与父元素字体的顶端对齐
3.text-bottom 元素底端与父元素字体的底端对其
4.middle 元素中线与父元素的小写x中线对齐
5.sub 元素基线与父元素的下标基线对齐（使元素的基线相对于基准基线下降，下降的幅度由浏览器厂商决定）
6.super 元素基线与父元素的上标基线对齐（使元素的基线相对于基准基线升高，升高的幅度由浏览器厂商决定）
7. 元素基线超过父元素的基线指定高度，可以取负值
8. 同 ，百分比相对于line-height
以下两个值是相对于整行来说的：
top 元素及其后代的顶端与整行的顶端对齐
bottom 元素及其后代的底端与整行的底端对齐