html - 如何向下移动 G+ 按钮，使其与其他所有内容对齐

Question

我尝试阅读其他答案，但无法将此 G+ 按钮向下移动。

您可以在 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>

Answer 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)"});