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

Question

我看过几个网站，这些social share buttons看起来完全水平对齐。请注意，其中许多按钮都是iframe 这是我目前的痛苦局面：

Answer 1

将您的iframe（或其上方的margin-top元素）上的div更改为负值，以使它们对齐。一旦确定正确的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;
}