为什么图像和div之间有空格？

Question

请看一下这个链接：http://bethhaim.spin-demo.com/

我无法弄清楚为什么图像和它下面的div之间有大约3个像素的空白。任何人都知道造成这种情况的原因是什么？

Answer 1

您的图片显示display:inline，line-height:18px导致间距。

将line-height调整为更合适的位置，或将图片的显示设置为display:block。

Answer 2

图像标记被视为内联元素，它的显示方式与文本的长行相同。你看到的额外空间是小写文本的“下行”，以“j”，“y”等形式突出的部分。

图片上的display: block会修复差距。

更多信息：http://devedge-temp.mozilla.org/viewsource/2002/img-table/

Answer 3

如果您将图片设置为display: block;，则应该再看到空间。

Answer 4

为您的图片添加display: block;