css - Facebook "Like"按钮(框样式)会增加分隔线布局中的宽度?

标签 css facebook facebook-like fbml conflict

我在我的一个网站中安装了 Facebook“点赞”框式按钮。
从功能 Angular 来看,一切似乎都运行良好。直到我检查布局。

Facebook 似乎增加了我的包装分隔线的宽度,该分隔线已经有设定的固定宽度。

当前布局基于分隔线以及整个 100% 高度 + 居中正文和页脚集。我知道这是因为 Facebook 的脚本,因为当我访问所有其他没有安装 Facebook Like 按钮的页面时,布局是完美的。

有某种解决方法吗?

我使用的 Facebook 脚本是:

<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js#appId=XXXX&amp;xfbml=1"></script> 
<fb:like href="" send="false" layout="box_count" width="60" show_faces="false" action="like" font=""></fb:like> 

最佳答案

其实我已经明白了!经过多次谷歌搜索后。 问题是脚本的第一行需要是 BODY 标记的第一个子项。

<div id="fb-root"></div> 

引用:http://forum.developers.facebook.net/viewtopic.php?id=45600

关于css - Facebook "Like"按钮(框样式)会增加分隔线布局中的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7413747/

相关文章:

css - 这些 "\e6##"字符是什么意思?

html - 拼写检查禁用 CSS 而不是 HTML

node.js - Wit.ai 如何添加动态快速回复

facebook - Mac App Store 的转化跟踪

Facebook 缩略图问题追溯到 safe_image.php

html - Facebook Like 按钮导致水平滚动条

css - list-style-image(实际上)是一种已弃用的风格吗?

javascript - 我怎样才能阻止链接将我发送到页面顶部

iOS Facebook 快速登录

facebook - 如何在电子邮件中添加 Facebook 点赞按钮