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

Answer 2

facebook按钮仍有一个像素错位。只需将其添加到上面的css类：

top：-1px;

P.S。：希望将此作为评论添加，但我不能，因为没有足够的＆＃34;声誉＆＃34;分。

对齐Twitter，FB Share，LinkedIn按钮

2 个答案: