图片下边界出现空隙

图片img下方出现空隙，且找不到空隙被哪一个元素占用，无缘无故多了空隙，影响样式设计的解决方法？

1，给元素添加样式：display:block;

2,给元素添加样式：vertical-align:bottom，vertical-align:middle，vertical-align:top三个其中一个

3,将img标签放在一个span或者一个div标签内，

或者

给img标签display:block;可能会影响到图片的text-align:center;居中样式

4，改img添加background样式，图片四周会出现一个阴影框。但是在src引入地址之后，就会消失。