<img>标签下的额外填充？

Question

我在网页上的img标签下面有一些填充.html看起来像:

<li>
  <div>Title</div>
  <img src='...' width='60px' height='60px' />
</li>

是的,因此图像下面有大约5个像素的填充(我可以告诉因为父项目的bg颜色不同).我尝试将一个类分配给img标签,其中padding/margin/border都设置为零,但没有变化.我想知道是否有任何我遗漏的img标签可能会导致这种填充出现？

当我删除img标签,然后离开'title'div时,额外的填充消失了,

谢谢

-------------更新-------------------

这只发生在FF,铬和野生动物园看起来不错.Firebug还显示填充是img元素的一部分.

Answer 1

如果您可以将图像的display样式设置为可以block解决问题.设置vertical-align为bottom或middle应该也有效.我认为问题出现是因为Firefox试图定位内嵌图像,因此它们的下边缘与文本的基线对齐,因此图像下方有文本下限的空间.

Answer 2

如果将 img 元素的内边距和边框强制设置为 0 会怎样？您正在使用 Firebug 吗？