Question

我正试图将Facebook一样的按钮与G + 1和Tweet的按钮对齐，但我无法弄清楚出了什么问题。 Facebook按钮在底部被裁剪。您可以在网站Mobilise 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：我还无法上传图片，需要更多代表，我可以，所以你可以更好地了解我的问题。

Answer 1

您可以在CSS

中使用：对齐facebook按钮

.fb-like{ padding: 0 0 4px 0 !important; }

Facebook Like Button在底部被裁剪

1 个答案: