Question

为什么我的按钮在底部被切断了？它应该有21px的高度。它在这里可见：

http://mayacove.com/dev/sm/test_like.html

Answer 1

您可以尝试使用以下内容手动编写css文件

a.connect_widget_like_button {
    padding:3px 4px !important;
}

虽然可以肯定这是一种混合物。

编辑：其他答案似乎更好，但你似乎也需要更大的宽度。您应该修改内联iframe样式。

<iframe [...] height:23px; width:101px; [...]>

Answer 2

根据http://developers.facebook.com/docs/reference/plugins/like/，使用标准布局时，iframe的高度应为35px。如果你看一下按钮的尺寸，它的高度是24px，所以它不适合21px。

Answer 3

iFrame的高度不够高，无法容纳整个按钮。此外，您已指定内联样式overflow:hidden，因此不会显示任何多余内容。

如果您将iFrame高度从21px更改为24px，则会显示完整按钮：

<iframe src="http://www.facebook.com/plugins/like.php?&lt;%=thisURL%&gt;&amp;show_faces=false&amp;width=450&amp;action=recommend&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:24px; width:100px; overflow:hidden; " allowtransparency="true"></iframe>

另外，我注意到在你的iFrame内联样式中你已经分配了两个宽度：

... width:450px; height:24px; width:100px; ...

您需要删除其中一个声明。

此致丹

为什么我的Facebook [推荐]按钮会在底部被切断？

3 个答案: