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，则只能在子元素之间对齐，无法对齐父元素