vertical-align 屬性設置元素的垂直對齊方式；
想必大家都知道這個屬性，也知道怎么用。但是今天我要說的是其中值：middle（把此元素放置在父元素中部）存在的一個小小的bug......
如果不仔細觀察，想必是不會發現的，但是作為一個嚴謹且擁有強烈強迫症的童鞋，簡直是無法容忍這種低級毛病的。必須想進一切方法去解決掉。
好了，廢話不多說。
今天，在寫css時發現圖片雖然設置vertical-align：middle 之后，有了居中的姿態，但是仔細去看。發現圖片距離父元素上間距要>距離父元素下間距。請看圖：
1、這是不設置居中vertical-align：middle 的效果，很明顯圖中灰色是圖片，是頂到上部的。
2、設置vertical-align：middle之后，明星有了居中的動態，但是距離上部>距離下部，所以bug來了。
3、如何解決這個隱藏，難以觀察到的錯誤呢？
其實很簡單，只需要在父元素加上font-size:0;
我們來看一下加上font-size:0;之后的居中效果圖：
這樣就完美解決了，簡單吧~~~