Question

我不知道为什么不想把它们放在一条线上，这会浪费我的空间，我想把它们放在同一条线上但不使用三方按钮，我可以使用的唯一方法是桌子，但是没有响应，请帮助，谢谢！

Answer 1

这是你在找什么？

Demo

将<div>中的按钮换行并制作样式display:inline-block;
确保父样式有font-size:0px，否则facebook图标就会不合适。

以下是代码，从<body>开始：

<body>
  <!-- Buttons -->
  <div class="sharing-buttons" style="font-size:0px">
    <div style="margin-right: 4px; display:inline-block;">
      <div class="g-plusone" data-size="medium" data-annotation="none"></div>
    </div>
    <div style="display:inline-block;">
      <div class="fb-like" data-href="https://benzhang.xyz" data-layout="button" data-action="like" data-show-faces="true" data-share="true"></div>
    </div>
  </div>

  <!-- Scripts -->
  <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/en_US/sdk.js#xfbml=1&version=v2.3&appId=809268315782757";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
  <script src="https://apis.google.com/js/platform.js" async defer></script>
</body>

如果需要澄清，请随时发表评论。

如何将官方谷歌+1和Facebook喜欢/分享按钮放在同一行？

1 个答案: