关于CSS图片后文字无法垂直居中的问题

问题：

图片后文字无法垂直居中？

图片.png

原因：

因为图片和文字在行内垂直方向默认是以基线（baseline）对齐的，图片基线在图片底部，而文字基线却在文字中点偏下的位置，所以才会显示成上图的样子。

解决办法：

给文字和图片分别加上

vertical-align: middle