如何将官方 google +1 和 facebook like/share 按钮放在同一行？

Question

我不知道为什么不想将它们放在一行中，这会浪费我的space，我想将它们放在同一行但不使用 3-派对按钮，我唯一可以使用的方法是 table，但不会响应，请帮助，谢谢！

Answer 1

这是您要找的吗？

将按钮包裹在 <div>s 中并制作样式 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>

如果需要任何说明，请随时发表评论。

如何将官方 google +1 和 facebook like/share 按钮放在同一行？

How to put the official google +1 and facebook like/share button in the same line?

javascript

css

share

button

web