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

Question

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

在框架中的图像有一个额外的余量，为什么？我如何删除它？

Answer 1

图像默认为内联元素。将它们更改为阻止元素，并且您已准备就绪。

内嵌图像表现的甚大信，你可以看到，他们想留在同一行的其他字母，所以你应该

• vertical-align: top/bottom/negative lengthhttp://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; 
}