如题。
今天使用img标签时,总在img下面存在一个4-5px的空白,img本身不存在margin\padding\border,这个问题很不解。后来在网上查找了之后,发现问题的解决方法很奇怪,个人也不清楚原理。记起来,以备查阅。
解决方法:
将img标签的属性设置成
display:block
问题就解决了。
但是IE6下偶然仍然会出现这个问题,对<img>标签使用了display:block之后仍然不起作用,通过查找,又找到一个方法。在<img>的父级元素中添加overflow:hidden这个属性,之后也可以解决这个问题。