1

我正在通过https://developers.facebook.com/docs/reference/plugins/like/为我的网站生成一个带有 Facebook 的“标准”布局的赞按钮。我已将其宽度设置为 200 像素，但请注意将其设置为低于 225 像素没有任何效果，并且该页面上的文档确实将 225 像素指定为标准布局的最小宽度。不幸的是，我需要将其设置为 200 像素宽以适合我的网站设计。有没有办法强制它进入这个宽度？

（该站点位于http://gwwc2.centreforeffectivealtruism.org/，如果您想玩 Firebug，尽管类似按钮是由 javascript 生成的，因此您可能必须复制该页面并编辑其源代码。）

4

3 回答 3

1

宽度限制的原因是显示给未登录用户的文本。

您会发现，如果您将该按钮样式缩小到低于 225 像素，一些用户会发现您的布局被打乱（我已经尝试过，结果并不好）。

但是，您可以选择不同的按钮样式。

  • 取消选中发送按钮选项
  • 选择 button_count 选项
  • 将宽度设置为 200px
  • 取消选中显示面孔

你会得到这个：-

<div class="fb-like" data-href="http://www.example.com" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false" data-font="arial"></div>

适合您的宽度要求。使用 box_count 也可以很好地工作。

于 2012-05-16T20:40:47.270 回答
0

&width=225在 iFrame属性中取出，src完全不传递宽度。在 iframestyle属性中，指定一个 css 值width:200px;如果您传递的值小于源 URL 中的最小值，facebook 将忽略它，但如果您自定义 iframe 本身的样式为该宽度，则内容将挤在里面。

于 2012-05-16T18:05:56.127 回答
0

创建一个声明的 CSS 规则iframe { width:200px !important; )

我会针对您的 Facebook 小部件所在的任何 DIV 或容器制定该规则。当然，如果你这样做后看起来很糟糕，你可以把它拿出来。但如果你只是包含一个“喜欢”按钮（没有面孔），它应该可以工作。

于 2012-06-28T02:45:21.103 回答