如何对齐 Facebook 和 Tweet 按钮？答案

【问题标题】：How to align Facebook and Tweet buttons?如何对齐 Facebook 和 Tweet 按钮？
【发布时间】：2011-07-12 06:14:15
【问题描述】：

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

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

我们唯一的其他选择是使用 Twitter iFrame 作为推文按钮，我们不想这样做。

谢谢！

【问题讨论】：

【解决方案1】：

解决默认样式

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

可以通过设置来修复

    .fb-like {
        line-height: 0.7
    }

或

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

在你的 CSS 中

【讨论】：

【解决方案2】：

只需添加这个 CSS：.twitter-share-button { vertical-align:top }。

【讨论】：

【解决方案3】：

只需添加：

height:63px; 到 CSS 中 FB iFrame 的类：

【讨论】：

谢谢，迈尔斯！有没有一种方法不需要对值进行硬编码——以证明 Twitter 改变高度的情况？
另外，对网站有任何反馈吗？
@Crashalot 问题不是 twitter，而是 FB，问题不是按钮的大小，它只是一种继承的风格，所以没什么好担心的 :) + 网站外观真的很酷 - 我通常会很好地为网站提供随机名称，但这是书签！
明白了，谢谢@myles！如果FB将来改变高度，我是否需要担心对FB iFrame的值进行硬编码？
@Crashalot nope - 那里有扩展的空间，但 FB 不会改变它 - 想想他们会搞砸的所有网站......