正确对齐 Google Plus One 和 Facebook Like 按钮答案

【问题标题】：Aligning Google Plus One and Facebook Like buttons properly正确对齐 Google Plus One 和 Facebook Like 按钮
【发布时间】：2012-04-16 15:42:39
【问题描述】：

我正在尝试将 Google Plus One 和 Facebook Like 按钮并排放置。出于某种原因，Facebook 的点赞按钮在顶部有一个空隙，将其向下移动了几个像素，使其看起来很有趣。

示例：http://jsfiddle.net/Chevex/yF4yz/

有没有更好的方法来对齐这两个按钮？

【问题讨论】：

标签： javascript facebook facebook-like google-plus

【解决方案1】：

问题是 CSS 样式正在与图像一起加载。您可以在页面（推荐）或 javascript 中设置 css，在加载时创建文档，并在填充图像后更改值。

添加这个 css 将使 facebook 图标向上移动 3 个像素，向左移动 25 个像素，紧挨着 google 图标。

div.fb-like
{
    top:-3px;
    left:-25px;
}

【讨论】：

-4 看起来对齐得更好。

【解决方案2】：

这似乎在 Chrome 中有效：http://jsfiddle.net/yF4yz/8/

【讨论】：