Html 删除iFrame空间时出现问题

Html 删除iFrame空间时出现问题,html,css,facebook,iframe,Html,Css,Facebook,Iframe,我有一个Facebook iFrame按钮和一个Twitter按钮。 有一个空间会自动出现,我不知道为什么,我无法移除它。 这是它的一个形象- 没有任何或我所知道的任何东西会导致空格。 感谢主管。一些HTML输出示例可能会有所帮助,但您可以尝试添加css规则: iframe { display: inline-block; } 编辑 查看您的HTML源代码,我发现您在twitter和facebook提要的iFrame元素上指定了一个宽度 <iframe allowTransparen

我有一个Facebook iFrame按钮和一个Twitter按钮。 有一个空间会自动出现,我不知道为什么,我无法移除它。 这是它的一个形象-

没有任何

或我所知道的任何东西会导致空格。
感谢主管。

一些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>

如果仅从该元素中删除静态宽度,则两个框架将彼此相邻。问题是容器只有一个设定的宽度。如果你总共有500像素,而twitter iFrame使用了其中的110像素,那么另一个iFrame需要450像素。。。450+110=560,比您现有的宽度更宽。这将强制Facebook iFrame换行到下一行

同样,只需去掉Facebook iFrame的静态宽度。当人们单击“喜欢”时,他们的个人资料图片将添加到按钮旁边。由于没有指定静态宽度,因此容器可以根据需要自由扩展


我也会设置
宽度:100%

谢谢你的英文更正Christanks Chris,它成功了。我删除了之前的评论,因为我不希望我的网站像我说的那样被发布。非常感谢。