1

我正在尝试将 Facebook like 按钮与 G+1 和 Tweet 的按钮对齐，但我不知道出了什么问题。facebook 按钮在底部被裁剪。您可以在Mobilize IT网站顶部看到我的问题

这是我的代码

<div id="fb-root"></div>
<script type="text/javascript">
    (function () {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
</script>

<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/all.js#xfbml=1&appId=438999086139815";
    fjs.parentNode.insertBefore(js, fjs);
    } (document, 'script', 'facebook-jssdk'));
</script>

<div id="social">
    <!-- +1 -->
    <div class="plusone">
    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone size="medium" annotation="none"></g:plusone>
    <!-- Place this render call where appropriate -->
</div>
    <!-- end +1 -->
    <!-- twitter -->
<div class="twitter">
    <a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="dominoc">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>    
</div>
<!-- end twitter -->
<!-- like -->
<div style="vertical-align: top;padding-top:2px;width:46px;overflow:hidden;" class="fb-like" data-href="http://www.facebook.com/pages/Mobilise-IT/166950133340282" data-send="false" data-layout="button_count" data-width="100" data-show-faces="true" data-font="segoe ui"></div>
<!-- end like -->
</div>

这是CSS

.social-icon
{
    background-image:url(images/social-icons.png);
    margin-left:-2px;
    padding-left:25px;
    background-repeat:no-repeat;
}

.twitter
{
     background-position:left 2px;
 }
 .facebook
 {
     background-position:left -14px;
     margin-right:5px;
 }
 .linkedin
 {
     background-position:left -29px;
 }

有想法该怎么解决这个吗？提前致谢

PS：我还不能上传图片，需要更多的代表，我什么时候可以，这样你就可以更好地了解我的问题。

4

1 回答 1

1

您可以使用以下方法对齐 facebook 按钮： 在您的 CSS

.fb-like{ padding: 0 0 4px 0 !important; }
于 2013-04-14T20:04:03.637 回答