原因

之所以圖片下方會(huì)出現(xiàn)幾個(gè)像素空白的間隙, 是因?yàn)?img默認(rèn)是按照基線(baseline)對(duì)齊的

解決方案

• 方法一:

  img{display:block;}
  

• 方法二:

    img{vertical-align:top;}
  

  或者

    img{vertical-align:middle ;}
  

  或者

    img{vertical-align:bottom ;}
  

• 方法三:

給 img的父級(jí) 添加:font-size: 0; line-height: 0;