未对齐的 Twitter Follow 和 Facebook Like 按钮

【问题标题】：Misaligned Twitter Follow and Facebook Like buttons未对齐的 Twitter Follow 和 Facebook Like 按钮
【发布时间】：2013-02-23 05:20:45
【问题描述】：

我已经使用 tumblr 建立了我的博客，doopist.com。

我正在尝试将 twitter 关注按钮和 Facebook Like 按钮与我博客的标题徽标图像对齐。目前，Twitter 图标在顶部横幅的顶部对齐，而 FB 按钮更接近居中。我正在尝试将按钮垂直居中，类似于徽标居中的方式。

我不太了解 CSS，并试图制作一个垂直居中对齐的 div 样式，但这会导致 tumblr 图标徽标（随机帖子、档案等）撞到一个新行，这是不希望的.

我很好奇是否有人对如何将 Twitter 和 FB 按钮垂直居中提出建议。非常感谢您的时间和帮助。

【问题讨论】：

【解决方案1】：

CSS 改动很少

#header, #header .inner { height:48px; position:relative; }

在你的 iframe 上最好在一个类中添加：

position: absolute;
left: 200px;
top: 10px;

在你的跨度持有 facebook：

position: absolute;
left: 365px;
top: 15px;

最好还是上课。

您真的不需要每个 iframe 周围的额外跨度。只需向每个 iframe 添加一个类来指定样式。

【讨论】：