为什么图片下面总是会多出3-5像素

img标签在HTML5和HTML4.0.1的严格模式渲染的时候，下面会有几像素的空白。
解决方法有很多
1.img标签增加vertical-align:top

img {
      vertical-align:top;
}

2.img标签的父标签增加font-size:0;

body {
         font-size:0;
}

3.img标签增加display:block;

img {
    display:block;
}

http://www.jianshu.com/p/1ccaf78bf508 来自