如何水平对齐社交分享按钮？

Question

我见过几个网站，这些social share buttons看起来完全水平对齐。考虑到这些按钮中的许多都是iframe。

这是我目前的痛苦处境：

​

Answer 1

将iframe(或其上的div元素)上的margin-top更改为负值，以使它们对齐。一旦确定了正确的elemtn，就使用试错法，直到正确为止，例如使用以下HTML：

<div id="twitter">
  <iframe/>
</div>
<div id="facebook">
  <iframe/>
</div>
<div id="digg">
  <iframe/>
</div>

CSS看起来像这样：

div#facebook 
{
  margin-top:-5px;
}
div#digg 
{
  margin-top:-10px;
}