删除iFrame空间时出现问题

Question

我有一个Facebook iFrame按钮和一个Twitter按钮。 有自动出现的空间，我不知道为什么，我无法删除它。 有一个图像 -

没有<br />或我认识的任何可能导致空间的东西。 谢谢你。

Answer 1

HTML输出的一些示例会有所帮助，但您可以尝试添加css规则：

iframe {
 display: inline-block;
}

修改

查看您的HTML源代码，我看到您在Twitter和Facebook Feed的iFrame元素上指定了宽度。

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='[LONG URL REMOVED]' style='border:none; overflow:hidden; width:450px; height:20px'></iframe>

如果您只是从此元素中删除静态宽度，则两个框架将彼此相邻。问题是容器只有一定的宽度。如果您的总数为500px且twitter iFrame使用的是110，那么另一个iFrame需要450 ... 450 + 110 = 560，宽度超出您的可用范围。这迫使Facebook iFrame包装到下一行。

再次，只需从Facebook iFrame中取出静态宽度。当人们点击“赞”时，他们的个人资料图片将添加到按钮旁边。由于您没有指定静态宽度，因此容器可以根据需要自由扩展。

我还会在容器div上设置width:100%;。