Css 如何调整谷歌+；与其他按钮水平共享按钮（类似Facebook和Twitter的按钮）

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

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

将这种样式的按钮与其他社交按钮放在同一行，将使Google+按钮显示垂直向底部移动。（因为该元素的字体为

1px

high）：

如何包装按钮以取消Google+按钮的垂直对齐。如果在DevTools中，我将其更改为

top

，按钮将正确对齐。（或者如果我删除了

font-size

属性）

---

或任何其他解决方案（除了使用

！important

和生成的

div

的动态生成ID之外）

您可以尝试以下css代码：

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

为什么是iframe？因为，它们使用iframe加载来显示页面中的按钮。

---

如果您想使用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>

[Facebook共享按钮代码]
[谷歌+共享按钮代码]
[推特推特链接代码]

Thx要修复，抱歉我的英语不好。我还用

display:inline block将twitter放入一个div中