Twitter和Facebook按钮对齐
问题描述:
上下文
我想在我的新网站上显示Twitter和Facebook按钮。Twitter和Facebook按钮对齐
但我得到一个与对齐问题。
代码
html:
<span id="social">
<a href="https://twitter.com/share" class="twitter-share-button" data-via="guillaumgregoir">Tweet</a>
<div class="fb-like" data-href="http://csstooltip.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
</span>
css:
#social {
display: inline-block;
margin-left: 24px;
}
div.fb-like {
display: inline-block !important;
margin-left: 100px;
margin-top: -20px;
}
答
从你的CSS删除边缘顶部 - 但你可以使用像下面的花车:
<div>
<div style='float:left;'>
--put a button here
</div>
<div style='float:left;'>
--put a button here
</div>
<div style='clear:both;'>
</div>
</div>
+0
它通过增加宽度的div,谢谢。 – 2012-02-04 16:30:29
必须有更多的CSS和/或JavaScript在这里比赛。您提供的CSS无法完成图片中显示的内容。 – 2012-02-04 16:14:45