css - 基于流体/百分比的布局上未对齐的图像

Question

我有这个代码:http://jsfiddle.net/VV9qJ/但出于某种原因，我似乎无法修复由图像引起的小像素错误。基本上您会注意到有些图像周围有一个或两个像素的白色间隙，而有些则没有，尤其是当您调整浏览器窗口大小时。每个浏览器对白色间隙的渲染也略有不同。

我的布局不能有任何间隙，所有内容都必须紧密靠在一起，包括浏览器窗口。

是否有一种万无一失的方法来确保图像在不同浏览器中始终保持紧密对比？也许是 jQuery？我做了很多谷歌搜索，但一无所获。

还没有找到解决这个问题的方法。我很难相信没有解决方案，任何人都可以提供帮助吗？

Answer 1

除非我不明白哪里出了问题，否则我似乎无法重现白色间隙的问题，但听起来可能是边距或填充问题。

div.smallLink {
    display: inline-block;
    font-size: 100%;
    margin: 0;
    padding: 0;
    width: 50%;
}

您可能还必须将 .smallLink 中 img 标签的边距和填充设置为 0。