Question

我正在开发一个像这样添加的按钮的页面：

<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>

通常会是：

enter image description here

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

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

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

enter image description here

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

Answer 1

如果您真的只想隐藏发送按钮（不是类似计数），那么只需取消选中“发送按钮”并将类似按钮创建页面上的布局更改为“按钮计数”：https://developers.facebook.com/docs/reference/plugins/like/

如何从facebook的按钮隐藏发送按钮但不隐藏添加评论并发送到Facebook框架

1 个答案: