0

我正在开发一个添加了类似按钮的页面：

<html xmlns:fb="http://ogp.me/ns/fb#">
  ...

<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1&appId=my_app_id";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

...

<div id="facebook" style="float:right;">
    <fb:like href="my_link_to_share" send="true" width="20" show_faces="true" font="verdana">
    </fb:like>
</div>

通常它将是：

在此处输入图像描述

我以这种方式正确隐藏了文本和发送按钮：

div#facebook{
    margin-top: 0;
    padding-top: 5px;
    width: 80px;
    overflow:hidden;
}

但是当我点击喜欢按钮时，它应该出现：

在此处输入图像描述

但自从我放了width:80px，评论和分享框将采用该宽度。是否可以隐藏发送按钮和文本但保持框的大小？谢谢！

4

1 回答 1

2

如果您真的只是希望隐藏发送按钮（而不是喜欢计数），那么只需在喜欢按钮创建页面上取消选中“发送按钮”并将布局更改为“按钮计数”：https ://developers.facebook.com/文档/参考/插件/喜欢/

于 2012-09-21T19:24:08.073 回答