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 Button演示页面 - http://developers.facebook.com/docs/reference/plugins/like

不幸的是，当我尝试将标记插入到我的页面中时，iframe的高度设置为80px并且不会更改。

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

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

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

感谢您的任何建议。

Answer 1

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