vertical-align 其实就是垂直对齐的意思。

描述
baseline默认。元素放置在父元素的基线上。
sub垂直对齐文本的下标。
top把元素的顶端与行中最高元素的顶端对齐
text-top把元素的顶端与父元素字体的顶端对齐
middle把此元素放置在父元素的中部。
bottom把元素的顶端与行中最低的元素的顶端对齐。
text-bottom把元素的底端与父元素字体的底端对齐。
length-
%使用 "line-height" 属性的百分比值来排列此元素。允许使用负值
inherit规定应该从父元素继承 vertical-align 属性的值。

应用:
图片和文字垂直居中对齐

img{vertical-align:middle;}
Last modification:February 20, 2018
If you think my article is useful to you, please feel free to appreciate