css - 如何垂直对齐 Facebook 和 Twitter 分享按钮

Question

我需要垂直对齐 Facebook 和 Twitter 分享按钮。这就是我呈现它们的方式:

<a name="fb_share" type="button" share_url="http://www.livkontrol.com/blog?id=1"></a>
<a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a>

尽管它们的大小几乎相同，但其中一个看起来比另一个高很多。他们似乎也忽略了我应用于链接元素的任何类型的 CSS 规则。有谁知道如何覆盖这些元素的 CSS 并让它们并排垂直对齐？

Answer 1

我遇到了同样的问题。 Facebook 使用内嵌标签将文本设置在底部，使其呈现在 twitter 和 facebook 下方。我的解决方案是通过在实际按钮调用之后放置 CSS 来覆盖它。效果很好:

<style media="screen" type="text/css">
        .fb_iframe_widget span 
        {
            vertical-align: baseline !important;
        }
        </style>

调用修改了facebook自己的CSS样式。