边距 Facebook Like 按钮答案

【问题标题】：Margins Facebook Like Button边距 Facebook Like 按钮
【发布时间】：2020-01-04 09:45:22
【问题描述】：

在一些网站上，我使用 Facebook 的点赞按钮，从昨天开始，点赞按钮的左右两侧都有很大的空白。我尝试了一切，但无法摆脱这些利润。现在它弄乱了我网站上的其他内容，因为边距太大。

我做了一个 jsfiddle 并将边距设置为红色。如何消除两边的这些边距？

我希望我做的一切都是正确的，因为这是我的第一篇文章。

谢谢:)

body {
  margin: 0;
  padding: 0;
}

.fb-like {
  margin: 0;
  padding: 0;
  left: 0;
  background-color: red;
}

<!doctype html>
<html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>fb bttn test</title>
    <div id="fb-root"></div>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_EN/sdk.js#xfbml=1&version=v5.0"></script>

  </head>

<body>

  button is not comming up here, but it is in my js fiddle, please take a look there https://jsfiddle.net/oc39Lxg8/
  
  <div class="fb-like" data-href="https://jsfiddle.net/" data-width="" data-layout="button_count" data-action="like" data-size="large" data-share="false"></div>
</body>

</html>

【问题讨论】：

你的图标没有显示在这里？
我的图标没有显示在我的 jsfiddle 上吗？我可以在这里看到：link
是的，我的网站也遇到了同样的问题。很烦人的问题。我认为这是facebook的一个错误。如果您访问 facebook 的点赞按钮生成器页面 (developers.facebook.com/docs/plugins/like-button) 并使用“iframe”选项而不是“javascript sdk”选项，则点赞按钮上不会显示额外的左右边距。因此，这两个选项之间的利润率差异似乎表明 Facebook 在这里搞砸了。然而，虽然 iframe 选项还有其他间距问题，所以这也不理想。
另外，我刚刚注意到，如果您单击赞按钮左侧或右侧的空白边距空间，实际上会记录对实际赞按钮的点击。所以这绝对似乎表明这是facebook的一个错误。我希望他们能尽快解决这个问题。不确定我们能做些什么，因为like 按钮位于 iframe 中，因此我们无法自行将 css 应用到它上来解决此问题。
谢谢，估计我们得等到周一 Facebook 办公室开门了

标签： html css facebook margins

【解决方案1】：

查看 Facebook 的支持页面，有一个关于此问题的错误报告。你可以在这里huge margins around the like button

关注它的进展

【讨论】：

【解决方案2】：

删除div的所有属性，只保留类属性

<div class="fb-like"></div>

【讨论】：

【解决方案3】：

通过 fb 连接脚本挖掘，似乎他们将宽度更改为 225px 固定。想知道为什么，考虑到简单的点赞按钮小于 225 像素，在页面上使用了不必要的空间，同时导致访问者“点赞”而没有意识到他们实际上点击了它。一定是个愚蠢的错误。

【讨论】：

【解决方案4】：

Facebook 解决了这个问题！:) 谢谢

【讨论】：