不是img有font-size屬性,而是img后面的隱匿空格或者換行符有font-size屬性。vertical-align:middle導致圖片的中心位置和字符的中心位置(字符x中間位置)對齊,但是字符x的中心由于字符的下沉性,表現(xiàn)并不是一行(行框)的中心,所以圖片近似居中(微下沉)。
如果設置字符的font-size為0,則行內(nèi)元素基線中線等亂七八糟的線都合并成一條線,并且處于行(框)中心。這時候圖片是真正居中對齊。 綜上,img父元素line-height為容器高度,將容器內(nèi)容當做一行處理;img父元素設置font-size:0;保證絕對居中對齊。
如果設置字符的font-size為0,則行內(nèi)元素基線中線等亂七八糟的線都合并成一條線,并且處于行(框)中心。這時候圖片是真正居中對齊。 綜上,img父元素line-height為容器高度,將容器內(nèi)容當做一行處理;img父元素設置font-size:0;保證絕對居中對齊。
2016-03-07