CSS图片底边3像素问题

在写项目中常常会遇到要使得图片居中垂直对齐的时候，
但是由于图片底部的3像素原因，使得结果并不能满足要求。
如下图

1.形成原因：
图片元素默认为inline-block所引起。

2.解决方法

(1).给img图片标签添加属性vertical-align:top;（不是baseline即可）：

img{
	vertical-align:top;
}

(2).img的父标签添加属性：font-size：0；

父标签{
	font-size:0;
}

(3).给图片添加属性：display:block;

img{
	display:block;
}