额外保证金底部[样本]？

Question

我有这段代码：http://jsfiddle.net/snowman/xJyS3/

框架中的图像下面有一个额外的边距，为什么？我该如何删除它？

Answer 1

默认情况下，图像是内联元素。将它们更改为块元素，然后就可以了。

内嵌图像表现为非常大的字母，正如您所看到的，他们希望与其他字母保持同一行，因此您应该通过

修改此行为

• vertical-align: top/bottom/negative length http://jsfiddle.net/xJyS3/2/
图片上的
• float:left/right，其父级overflow:hidden http://jsfiddle.net/xJyS3/3/
图片上的
• display: block：http://jsfiddle.net/xJyS3/1/
• 还有其他一些方法可以做到。

Answer 2

这是因为默认情况下图像是内联的，因此额外的边距是锚点基线和底部之间的差异。解决方案是使图像块保持水平，以便正确填充锚点。

a img {
    border: 0 none;
    text-decoration: none;
    display:block;
}