链接内的图片与文字对齐问题（图片链接莫名底部有空白问题）

今天想做一个链接形的天气预报，里面包括图片和文字。却发现怎么设置都有些怪异。

一开始还以为是文字的居中没有做好，但设置span的line-height还是不行。

后来才发现，需要设置img的vertical-align，这个属性直接影响了整体。