Question

我无法弄清楚为什么我在twitter和G +按钮之间有一个随机空间。这是一个例子：http://i951.photobucket.com/albums/ad356/osjoe2/Snip2.png

CSS：

   #share { margin:0 30px; }
   #share ul { margin:0 0 10px 0; padding:0 0 5px 0; list-style:none; border-bottom:1px solid #eee }
   #share li { display:inline; vertical-align: top; }

HTML：

    <div id="share">
    <ul>

    <li style="padding-bottom:5px">
    {exp:fbc:like
    href="{url_title_path="shout/comments"}"
    send="false"
    layout="button_count"
    width=""
    show_faces="false"
    action="like"
    colorscheme="light"
    font="arial"
    }
    </li>

    <li><g:plusone size="medium"></g:plusone></li>

    <li><a href="https://twitter.com/share" class="twitter-share-button">Tweet</a></li>

    </ul>
    </div>

感谢您的帮助！

Answer 1

不同的社交按钮，一旦动态添加到您的网页，就会有自己的宽度和高度属性。

您应该为每个<li>（例如.social-facebook，.social-twitter）提供一个唯一的课程，并相应调整其宽度。

Answer 2

很高兴从3个社交按钮看到整个html和css。像这样很难分辨它的推特还是g +

社交按钮之间的随机间距？

2 个答案: