vertical-align:middle 属性

对于行内块（比如说图片）元素如果设置了text-align 和line-height 出现了不居中的情况下，因为图片和文字是基线对齐的。

如下图所示：

 

 解决方案：我们需要设置图片的vertical-align属性，将这个属性设置为vertical-align:middle;

通过上边的例子，我们可以总结出:
1.该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。
2.vertical-align:middle是将元素盒子的垂直中点和父盒子的baseline加上父盒子的x-height的一半对齐。