html - 删除 iFrame 空间时出现问题

Question

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

没有<br />或我所知道的任何可能导致空间的东西。 谢谢负责人。

Answer 1

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

iframe {
 display: inline-block;
}

编辑

查看您的 HTML 源代码，我发现您在 Twitter 和 Facebook 提要的 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%;。