不是img有font-size属性,而是img后面的隐匿空格或者换行符有font-size属性。vertical-align:middle导致图片的中心位置和字符的中心位置(字符x中间位置)对齐,但是字符x的中心由于字符的下沉性,表现并不是一行(行框)的中心,所以图片近似居中(微下沉)。
如果设置字符的font-size为0,则行内元素基线中线等乱七八糟的线都合并成一条线,并且处于行(框)中心。这时候图片是真正居中对齐。 综上,img父元素line-height为容器高度,将容器内容当做一行处理;img父元素设置font-size:0;保证绝对居中对齐。
如果设置字符的font-size为0,则行内元素基线中线等乱七八糟的线都合并成一条线,并且处于行(框)中心。这时候图片是真正居中对齐。 综上,img父元素line-height为容器高度,将容器内容当做一行处理;img父元素设置font-size:0;保证绝对居中对齐。
2016-03-07