如何向下移动G +按钮以使其与其他所有按钮对齐

时间:2017-09-12 21:52:05

标签: html css

我尝试阅读其他答案,但无法将此G +按钮移开。 enter image description here

您可以在https://gimplearn.net

上看到它的实际效果

那么如何将G +按钮向下移动8个像素呢?

当前代码:

<li class="rightside">
  <div class="fb-like" data-href="https://gimplearn.net/" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div>
  <div  class="g-plusone" data-size="medium" style="display:inline-block;height:23px;vertical-align:bottom;"></div>
  <a href="https://gimp-forum.net" title="Gimp-Forum.net"><img src="https://gimplearn.net/images/gimp-forum.png"></a> | 
  <a href="http://gimpscripts.com" title="GimpScripts.com"><img src="https://gimplearn.net/images/gimpscripts.png"></a> | 
  <a href="http://gimpchat.com" title="GimpChat.com"><img src="https://gimplearn.net/images/gimpchat.png"></a>
</li>

1 个答案:

答案 0 :(得分:1)

这是一个非常奇怪的对齐问题 您有8px偏移量...

尝试:

#___plusone_0{
  transform: translate(0px,8px);  /* arguments are (x,y) */
}

如果不起作用,请尝试使用!important

#___plusone_0{
  transform: translate(0px,8px) !important;
}

使用jQuery,直接在您的实时网站的控制台中输入:

$("#___plusone_0").css({"transform":"translate(0px,8px)"});