html - 对齐 Twitter、FB Share、LinkedIn 按钮

Question

我查看了将 FB 分享按钮与其他社交媒体按钮对齐的不同选项，但没有一个对我有用。我只差几个像素。有任何想法吗？

<div style="float:left; vertical-align:top">

<a class="twitter-share-button" href="https://twitter.com/share" data-url="{my url}" data-text="{text}" data-count="none" data-hashtags="{hashtag}" data-dnt="true">Tweet</a>

</div>

<div style="float:left; padding: 0 0 0 5px; vertical-align:top">

<div class="fb-share-button" data-href="{my url}" data-layout="button"></div>

</div>

<div style="float:left; padding: 0 5px; vertical-align:top">

<script type="IN/Share" data-url="{my url}"></script>

</div>

!社交媒体对齐 1

Answer 1

将您的 .fb_iframe_widget 类更改为此

.fb_iframe_widget {
    display: inline-flex; /* changed line */
    position: relative;
}