著名的img底部3像素问题

img标签在HTML5和HTML4.0.1的严格模式渲染的时候，下面会有几像素的空白。

原因

img标签默认为inline

inline元素一般为文字，小写字母g、y底部会多出一段，距离和字体大小有关

解决方法

• 设为块级元素

img {
  display: block;
}

• 字体设为0

.img-content{
font-size:0
}

• 改变基线

img {
  vertical-align: middle;
}