html - 在网页 [Facebook、Twitter、Pinterest 和 Google +] 上排列共享按钮

Question

我正在 Shopify 中制作博客页面模板，我真的很难弄清楚为什么 Facebook 分享按钮不会与其他分享按钮垂直对齐？看起来 Facebook 按钮比其他按钮低 5px。

Facebook 分享按钮代码是:

<div style='margin-top: -5px;'
class="fb-share-button"
data-href="MY URL"
data-layout="button_count"
data-mobile-iframe="true"></div>

如您所见，我已尝试应用内联样式来排列按钮，但它没有任何效果。我相信其他人也遇到过这个问题。有什么想法吗？

干杯，DB。

Answer 1

将 vertical-align: top; 添加到您的 div。

<div style='vertical-align: top;'
class="fb-share-button"
data-href="MY URL"
data-layout="button_count"
data-mobile-iframe="true"></div>

您可以阅读有关垂直对齐的更多信息 here .