vertical-align的使用

vertical-align主要用于垂直对齐，作用对象为行内元素（含行内块），单元格。对块级元素及其内的元素无效。

vertical-align不可继承，只能在子元素中单独使用

值	描述
长度	通过距离升高（正值）或降低（负值）元素。'0cm'等同于'baseline'
百分值 – %	通过距离（相对于1line-height1值的百分大小）升高（正值）或降低（负值）元素。'0%'等同于'baseline'
baseline	默认。元素的基线与父元素的基线对齐。
sub	降低元素的基线到父元素合适的下标位置。
super	升高元素的基线到父元素合适的上标位置。
top	把对齐的子元素的顶端与line box顶端对齐。
text-top	把元素的顶端与父元素内容区域的顶端对齐。
middle	元素的中垂点与 父元素的基线加1/2父元素中字母x的高度 对齐。
bottom	把对齐的子元素的底端与line box底端对齐。
text-bottom	把元素的底端与父元素内容区域的底端对齐。
inherit	采用父元素相关属性的相同的指定值。

如果在一个<div>父元素下使用vertical-align可为父元素设置line-height子元素（inline-block/inline元素）中的vertical-align才能起作用。如果父元素不设置line-height，则只能在子元素之间对齐，无法对齐父元素