如何调整Facebook和推文按钮?

时间:2011-03-09 21:21:09

标签: html css facebook twitter vertical-alignment

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

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

我们在CSS中做错了吗?或者我们需要在T​​weet按钮中设置一个参数来覆盖高度值吗?

我们唯一的另一个选择是使用Twitter iFrame获取Tweet按钮,我们不希望这样做。

谢谢!

3 个答案:

答案 0 :(得分:25)

只需添加此CSS:.twitter-share-button { vertical-align:top }

答案 1 :(得分:6)

只需添加:

height:63px;到CSS中FB iFrame的类: enter image description here

答案 2 :(得分:0)

解决默认样式

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

可以通过设置

来修复
    .fb-like {
        line-height: 0.7
    }

    .fb-like span {
        position: relative;
        top: -7px
    }
你的CSS中的