對於行內塊（比如說圖片）元素如果設置了text-align 和line-height 出現了不居中的情況下，因為圖片和文字是基線對齊的。
如下圖所示：
解決方案：我們需要設置圖片的vertical-align屬性，將這個屬性設置為vertical-align:middle;
通過上邊的例子，我們可以總結出:
1.該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。2.vertical-align:middle是將元素盒子的垂直中點和父盒子的baseline加上父盒子的x-height的一半對齊。