Facebook喜欢按钮最小宽度

时间:2012-12-13 01:29:22

标签: facebook-like

我的网站上有Facebook按钮的xfbml版本,我注意到当页面加载时,按钮加载在右侧然后居中(它应该在哪里)。我尝试了不同大小的宽度,最后将其设置为0或完全自动修复问题。按钮在中心加载,不会移动。

我的问题很简单,如果允许它具有“width:auto”,因为在Facebook开发者页面上它指出最小值为“225”。

我提前道歉,但我是一个完全的初学者。

<fb:like href="http://mywebsite.com" send="false" layout="button_count" width="auto" show_faces="false" font="verdana"></fb:like>

1 个答案:

答案 0 :(得分:1)

你做对了,没有办法让Like按钮有auto宽度。

作为一种变通方法,您可以测量按钮应占用的空间宽度,并在按钮代码中动态指定它,但在这种情况下,您必须使用FB.parse()来转换<fb:like>代码到工作按钮。

例:

$(document).ready(function(){

    btnWidth = parseInt($(".buttonContainer").width(), 10) - 5;

    $(".buttonContainer").append('<fb:like href="http://mywebsite.com" send="false" layout="button_count" width="' + btnWidth  + '" show_faces="false" font="verdana"></fb:like>');
    FB.parse($(".buttonContainer").get());

});