javascript - Google PlusOne 按钮有一些底边距

标签 javascript css google-plus-one

plusone compared to others

我想知道我看到的问题是只针对我的网站还是已知问题。

我有一些社交小部件对齐得很好,但由于某种原因,PlusOne 没有正确对齐。

我使用 Firebug 将它与 Facebook Like 小部件进行比较,根据 CSS,它们的高度完全相同,并且既没有边距也没有填充。他们的 CSS 看起来一模一样。

<div>
        <fb:like layout="button_count" show_faces="false" width="90" action="like" font="verdana" colorscheme="light"></fb:like>

        <g:plusone size="medium"></g:plusone>

        <script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=d9550e2f-f25a-4e2e-ae45-7a51cf7e3d46&amp;type=website&amp;buttonText=Share%20item!&amp;embeds=true&amp;style=rotate"></script>
        &nbsp;<font face='Verdana, Arial, Helvetica, sans-serif' size='1'><a href='/mmh/recommend/send.php?prodid=$!product.id'><img src="/images/icons/icon_email.gif" border="0"> Email item</a></font>
</div>

实际上我有一个链接,其中发生了同样的事情:http://news.makemeheal.com/celebrity-plastic-surgery/jennifer-aniston-weighs-on-prince-williams-hair-loss/ (如有必要,减小窗口大小,使 Fbook 和 G+ 在同一行)

最佳答案

使用这个:

<span style="position:relative; top:3px">
<div class="g-plusone" data-size="small" data-annotation="none"></div>
</span>

关于javascript - Google PlusOne 按钮有一些底边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7172959/

相关文章:

javascript - 在 Ext JS 中的窗口内添加或替换新面板

javascript - 将 jquery 变量传递给 javascript 函数

javascript - 在 Vuex store 中合并两个状态

html - CSS 文本采用最大尺寸而不换行或超出屏幕

android - java.lang.NullPointerException 与 Google +1 按钮集成

html - 外部(facebook like 和 google plusone)按钮的棘手 CSS 布局

javascript - 向打包的 Electron 应用程序提供命令行选项

html - Liquid CSS 仅水平导航栏

javascript - 单击按钮后如何禁用拖动功能

Android Google PlusOne 按钮呈灰色显示我的市场网址 [play services v4.3.23]