Facebook like 按钮最小宽度

Question

我的网站上有 Facebook 按钮的 xfbml 版本，我注意到当页面加载时，按钮在右侧加载，然后自行居中（它应该在哪里）。我尝试过尝试不同尺寸的宽度，最后将其设置为 0 或自动完全解决问题。按钮加载在中心并且不会移动。

我的问题只是是否允许它具有“宽度：自动”，因为在 Facebook 开发者页面上它声明最小值为“225”。

我提前道歉，但我完全是初学者。

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

Answer 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());

});