我在使Twitter推文和Facebook Likes在同一条线上时遇到问题。目前,Facebook Likes比Twitter推文低几个像素。我该如何纠正这个?
我曾尝试在Twitter上添加一种样式,以便将边距缩小几个像素,但这也使Facebook也下移了。我也尝试在Facebook上添加负余量,但这没有做任何事情。
我想要注意的是,我没有以任何方式用CSS修改Twitter / Facebook按钮,因为我的所有尝试都失败了。
.social {
clear: both;
padding: 10px 36px 20px 36px;
}
<div class="social">
<a class="twitter-share-button" data-url="http://www.google.com/" href="https://twitter.com/share" data-lang="en"></a>
<div class="fb-like" data-href="http://www.google.com/" data-send="false" data-width="90" data-show-faces="false" data-layout="button_count"></div>
</div>
/**** Twitter plugin ****/
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
/**** Facebook plugin ****/
<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
我有什么:
答案 0 :(得分:3)
为了解决这个问题,我在Twitter和Facebook的代码行中添加了float:left;
。