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

Question

我在几个网站上看到这些社交分享按钮 看起来完全水平对齐。考虑到其中许多按钮都是 iframe。
这是我目前的痛苦情况:

Answer 1

将您的 iframe(或其上方的 div 元素)上的 margin-top 更改为负值以使它们对齐。一旦你确定了正确的元素，就使用试错法，直到你做对为止，例如使用以下 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;
}