著名的 img标签3像素问题

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;
}

具体的原理可以参考
img下几像素空白产生原因
为什么a标签中使用img后的高度多了几个像素？
img下5像素空白问题