Facebook 点赞按钮（XFBML 版）高度

Question

Facebook Like 按钮的高度有问题。我使用带有这个标签的 XFBML 版本

<fb:like layout="standard" show_faces="true" width="440" action="recommend" colorscheme="light"></fb:like>

在某些网站上，包含按钮的 iframe 的高度是动态的。当有“面孔”要显示时，它的高度为 61px，当没有要显示的面孔时，它的高度为 23px。当用户按下“赞”按钮时，这种情况会发生动态变化（并且他的脸会出现在按钮下方）。

适用的网站示例：

• hobby.idnes.cz/v-boji-s-mokrou-travou-vitezi-vretenove-sekani-nad-rotacnimi-sekackami-13j-/hobby-zahrada.asp?c=A100604_134111_hobby-zahrada_bma
• Facebook Like 按钮演示页面 - http://developers.facebook.com/docs/reference/plugins/like

不幸的是，当我尝试将标签插入我的页面时，iframe 的高度设置为 80px 并且没有改变。

我目前的解决方案是将盒子的高度设置为 23px，并将其容器的溢出 CSS 属性设置为隐藏。但是有了这个解决方案，我就失去了显示面孔的能力。

此问题已在 Stack Overflow 上发布，但没有解决方案。 - *.com/questions/2777196/facebook-like-button-fblike-height-always-80px

我花了大约 6 个小时试图解决这个问题。但我仍然认为必须有一个简单的解决方案。

感谢您的任何建议。

Answer 1

如果您不想显示人脸，并保持静态 23px 高度，您可以将 XFBML fb:like 标记上的 show_faces 参数设置为 false。如果您确实想显示面孔，我会将<fb:like> 标记包装在容器div 中并将其设置为height 到61px。这应该允许点赞按钮周围的任何内容保持原位，并且 iframe/点赞按钮的内容会随着面孔的添加/删除而变化。