img标签下面存在空白

如题。

今天使用img标签时，总在img下面存在一个4-5px的空白，img本身不存在margin\padding\border,这个问题很不解。后来在网上查找了之后，发现问题的解决方法很奇怪，个人也不清楚原理。记起来，以备查阅。

解决方法：

将img标签的属性设置成

display:block

问题就解决了。

但是IE6下偶然仍然会出现这个问题，对<img>标签使用了display：block之后仍然不起作用，通过查找，又找到一个方法。在<img>的父级元素中添加overflow:hidden这个属性，之后也可以解决这个问题。