vertical-align

1.用于设置一个元素的垂直对齐方式，常用于图片或表单(行内块)和文字垂直对齐。
2.只对行内元素或行内块元素有效。
3.默认对齐方式为vertical-align:baseline，表示元素放置在父元素的基线上。

• top：元素顶端与行中最高元素的顶端对齐
• bottom：元素底部与最高元素底部对齐
• middle：把此元素放置在父元素的中部

4.对齐都是依据最高元素来的(只是猜测)
基线也会根据对齐方式变化(猜测)

5.设置图片和文字一行时，图片下可能会出现空隙。
因为图片相当于inline元素，和文字对齐时是基线对齐，基线和底部会有距离，所以就会产生空隙。
解决方法:设置vertical-align：bottom;或者将图片display：block;图片变成块级元素，不遵守inline的基线对齐原则，也就不会产生空隙。