img 下 5个像素

解决方法有若干种,我就说一个我常用的

vertical-align: bottom;

 

谈一个比较细节.

 

有时候,不用解决方法,照样没有5个像素 ,非常完美.

 

因为运行在了 几乎标准的模式(Limited Quirks)

 

知乎上的解释:

首先，浏览器并没有所谓的"HTML 5 模式"，而是只有三种：怪异模式(Quirks)，几乎标准的模式(Limited Quirks)和标准模式(Standards)，其中几乎标准的模式和标准模式之间的唯一差异在于是否对<img>元素给定行高(line-height)和基线(baseline)。几乎标准模式中，如果<img>标签所在行没有其他的行内元素，将不指定基线(baseline)，<img>标签因此会紧贴着父元素底部。

作者：易浮
链接：https://www.zhihu.com/question/38437397/answer/76617831
来源：知乎

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。