【问题标题】:Get Twitter Tweets and Facebook Likes on Same Line在同一行上获取 Twitter 推文和 Facebook 喜欢
【发布时间】:2012-11-03 12:31:51
【问题描述】:

我在将 Twitter 推文和 Facebook 赞放在同一条线上时遇到问题。目前,Facebook Likes 比 Twitter Tweets 低几个像素。我该如何纠正这个问题?

我尝试向 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>

我有什么:

【问题讨论】:

  • 能否提供相关的CSS?
  • @KevinBoucher 我刚刚做了。抱歉,我没有修改 Twitter/Facebook 按钮的 CSS,所以我认为没有必要。
  • 为什么不使用socialitejs.com
  • 我试图不使用尽可能多的额外 JS。我认为实现这些社交媒体按钮应该非常直接和简单,所以我不需要其他插件来帮助我。

标签: html css facebook twitter


【解决方案1】:

为了解决这个问题,我在 Twitter 和 Facebook 的代码行中都添加了 float:left;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-09-20
    • 1970-01-01
    • 1970-01-01
    • 2011-09-19
    • 1970-01-01
    • 1970-01-01
    • 2019-06-11
    • 1970-01-01
    相关资源
    最近更新 更多