vertical-ailgn属性

/* 关键值 /
vertical-align: baseline; /默认。元素放置在父元素的基线上/
vertical-align: sub; /垂直对齐文本的下标/
vertical-align: super; /垂直对齐文本的上标/
vertical-align: text-top; /把元素的顶端与父元素字体的顶端对齐/
vertical-align: text-bottom; /把元素的底端与父元素字体的底端对齐。/
vertical-align: middle; /把此元素放置在父元素的中部/
vertical-align: top; /把元素的顶端与行中最高元素的顶端对齐/
vertical-align: bottom; /把元素的顶端与行中最低的元素的顶端对齐*/

/* 长度值 */
vertical-align: 10em;
vertical-align: 4px;

/* 百分比值 */
vertical-align: 20%;

/* 全局值 /
vertical-align: inherit; /规定应该从父元素继承 vertical-align 属性的值/
vertical-align: initial; /设置属性的初始值——浏览器的默认定义值*/

vertical-align: unset;
/CSS 关键字 unset 是 关键字 initial 和 inherit的组合。
如果有继承父级样式，则将该属性重新设置为继承的值，如果没有继承父级样式，则将该属性重新设置为初始值。
换句话说这个unset关键字会优先用inherit的样式，其次会应该用initial的样式。/

image.png