vertical-align属性只适用于行内元素或表格单元格,常需要将元素显示为inline-block或table-cell
vertical-align相对父元素的值
这些值使元素相对其父元素垂直对齐:
baseline使元素的基线与父元素的基线对齐。HTML 规范没有详细说明部分[可替换元素]的基线 ,这意味着这些元素使用此值的表现因浏览器而异。
sub使元素的基线与父元素的下标基线对齐。
super使元素的基线与父元素的上标基线对齐。
text-top使元素的顶部与父元素的字体顶部对齐。
text-bottom使元素的底部与父元素的字体底部对齐。
middle使元素的中部与父元素的基线加上父元素 x-height[x 高度]的一半对齐。