如何对齐 Facebook 和 Tweet 按钮？

Question

我们主页上的 Facebook 和 Tweet 按钮垂直错位，我们很困惑为什么。如果我们使用 Firebug 并删除 Tweet 按钮的高度，我们可以将两个按钮顶部对齐。但是，高度是通过 Twitter 脚本动态设置和内联的。我们似乎无法覆盖高度值。

这是主页： http://www.panabee.com

我们在 CSS 中做错了什么吗？或者我们需要在推文按钮中设置一个参数来覆盖高度值吗？

我们唯一的其他选择是使用 Twitter iFrame 作为 Tweet 按钮，但我们不喜欢这样做。

谢谢！

Answer 1

只需添加以下 CSS：.twitter-share-button { Vertical-align:top }。

Answer 2

添加：

只需在 CSS 中的 FB iFrame 类中 height:63px; 即可：

Answer 3

要解决默认样式

    <span style="vertical-align: bottom">

来修复

    .fb-like {
        line-height: 0.7
    }

设置或

    .fb-like span {
        position: relative;
        top: -7px
    }

可以通过在 CSS 中