Google PlusOne 按钮有一些底部边距
我想知道我看到的问题是否仅针对我的网站，或者是否是已知问题问题。
我有一些社交小部件可以很好地对齐，但由于某种原因，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&type=website&buttonText=Share%20item!&embeds=true&style=rotate"></script>
<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+在同一行）
I'd like to know if the issue I see is just for my site or if this is a known issue.
I have some social widgets that align pretty well, but for some reason the PlusOne is not aligned correctly.
I used Firebug to compare it with the Facebook Like widget, and according to the CSS, they are both exactly the same height and neither have margins or padding. Their css looks identical.
<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&type=website&buttonText=Share%20item!&embeds=true&style=rotate"></script>
<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>
Actually I have a link where the same thing i happening: http://news.makemeheal.com/celebrity-plastic-surgery/jennifer-aniston-weighs-on-prince-williams-hair-loss/ (if necessary, reduce your window size so Fbook and G+ are on the same line)
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
使用这个：
Use this:
有同样的问题。我将 Google+ 代码放入
中，并使用 CSS 将的max-height属性限制为70px并且成功了。Had same issue. I put the Google+ code in a
<div>and used CSS to limit themax-heightproperty of<div>to70pxand it worked.在 +1 按钮周围放置一个 div (class=froogle)，将它们全部浮动，然后根据需要设置样式。它对我有用：
Put a div (class=froogle) around the +1 button, float them all and then style as you want. It worked for me:
您可以尝试使用相对定位，例如将以下 CSS 添加到 G+ 按钮：
虽然它可能会解决您的问题，但它并不能准确显示问题的原因。
You could try using relative positioning, e.g. add the following CSS to the G+ button:
Although, while it may fix your problem it doesn't exactly show the cause of the issue.