css - 如何将 Google+ 分享按钮与其他按钮水平对齐（Facebook Like 和 Twitter 按钮）

Question

生成的 Google+ 分享按钮具有以下元素样式：

font-size: 1px;
vertical-align: baseline;

将具有这种样式的按钮与其他社交按钮放在同一行中，将使 Google+ 按钮显示垂直向底部偏移。（因为该元素的字体1px很高）：

锄头我可以包装按钮以取消vertical-alignGoogle+ 按钮的 -ment。如果在 DevTools 中我将其更改为top按钮正确对齐。（或者如果我删除该font-size属性）

或任何其他解决方案（使用!important生成的动态生成的 ID除外div）

Answer 1

你可以试试这个css代码：

iframe {
   display: inline-block !important;
   vertical-align: bottom !important;
}

为什么是 iframe？因为，它们使用 iframe 加载以在您的页面中显示按钮。您可以在我的博客页面上查看示例

Answer 2

如果您想使用 TABLE 标签解决此问题，请使用此选项

<table class="table" style="margin-bottom: 0px;">
  <tr>
    <td> 
      [Facebook Share Button Code]
    </td>
    <td>
      [Google+ Share Button Code]
    </td>
    <td>
      [Twitter Tweet Link Code]
    </td>
  </tr>
</table>