解决图片与父容器底部空隙的问题?

前言:这种情况也算是怪异模式之一,怪异模式还有大概三四种没有整理.引起该情况的原因是图片是基于父元素的文字基线对齐的,而不是基于底线对齐.

解决方案一:

为图片设置vertical-align: top;(也可以是bottom)

解决方案二:

为图片设置display: block;

解决方案三:

在图片的父级身上设置font-size: 0;