图像之间有间隙 [英] Images have gap between them

问题描述

我有一些图像需要对齐而没有任何间隙.我可以在 jsFiddle 中得到它们，请参阅 http://jsfiddle.net/QZLSf/2/

I have a some images that I need to line up without any gaps. I can get them fine in jsFiddle, see http://jsfiddle.net/QZLSf/2/

但在实际的 SharePoint 网站上，图像之间存在差距，有点像 http://jsfiddle.净/QZLSf/1/

But on the actual SharePoint site the images have a gap between them, kind of like http://jsfiddle.net/QZLSf/1/

我已经检查了 FireBug 并且图像和链接具有它们应该具有的所有属性，但我无法摆脱那个差距.

I have checked with FireBug and the images, and links, have all the properties they should have, but I can't get rid of that gap.

我会遗漏什么?

我知道第二个链接将页脚链接定义为一个类，但我只是用它来说明我遇到的问题.这不是我的实际代码.

I know that the second link has footerlinks defined as a class, but I was just using that to illustrate the problem I'm having. That's not what my actual code is.

好吧，伙计们似乎对我在这里问的问题有误解.我知道如何获得所需的结果，只是它在 SharePoint 网站上不起作用.我只需要关于可能出现什么问题的建议，因为所有应该起作用的东西都不起作用.

Ok guys there seems to be a misunderstanding as to what I am asking here. I know HOW to get the required result, just that it isn't working on the SharePoint site. I just need advice on what might be wrong as everything that should work isn't working.

推荐答案

事情就是这样.您必须将 margin-left 设置为 -4px

That's just the way it is. You have to set the margin-left to -4px

.footerlinks img {
    margin-left: -4px;
}
.footerlinks img:first-child {
    margin-left: 0px;
}

演示:http://jsfiddle.net/QZLSf/11/

此解决方案更正确.我固定了第一个孩子的边距.

This solution is more correct. I fixed the margin on the first child.

这篇关于图像之间有间隙的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！