如何清除图片下方出现几个像素的空白间隙问题

原因

之所以图片下方会出现几个像素空白的间隙, 是因为 img默认是按照基线(baseline)对齐的

解决方案

• 方法一:

  img{display:block;}
  

• 方法二:

    img{vertical-align:top;}
  

  或者

    img{vertical-align:middle ;}
  

  或者

    img{vertical-align:bottom ;}
  

• 方法三:

给 img的父级 添加:font-size: 0; line-height: 0;