Question

我想弄清楚如何修改Google plus 1按钮的宽度......

在文档中，它说你可以设置宽度。

目前，当我使用Firebug检查元素时...它表示宽度设置为90px，我想将其设置为70px ......这可能吗？

    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone size="medium"></g:plusone>

    <!-- Place this render call where appropriate -->
    <script type="text/javascript">
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>

Answer 1

如果您使用多个按钮，ID不会始终相同，因此您可以使用此位CSS来捕获多个按钮：

[id^=___plusone] { width:72px !important; }

适用于ID为___plusone的所有元素，这些元素似乎是Google按钮的命名空间

Answer 2

不知道iframe ID是否始终相同，但如果是，则可以使用css +！important来覆盖元素样式。类似的东西：

/* this overrides 90px to 72px width to +1 button */
#___plusone_0{ width:72px !important; }

希望它有所帮助。

Answer 3

您可以在code generator处选择几个高度设置，但不能选择任意大小的值。

Answer 4

我对这些按钮并不是同样大小感到沮丧，所以我通过css + javascript来管理32x32 +1按钮。您可以在此处获取详细信息：

http://bashireghbali.com/technology/google-plus-one-button-32x32/

请注意，在页面重新加载时，它不会显示+ 1ed状态（除非有人知道尚未宣布的状态，否则没有回调）

Answer 5

我发现如果你不是想改变物理按钮的宽度，而只是试图让宽度变小来调整定位。

最好的方法是设置：

#id_of_button { 位置：相对; 左:(无论效果最好）px }

希望有所帮助。

Answer 6

这里的答案已经过时了，所以我想写一篇关于正确对齐谷歌内容加一个按钮的可能性的说明。

因此，如果像我一样，你试图将宽度强制到任何大小以便在右边对齐，请忘记它并使用align="right"代替！

<g:plusone align="right" size="medium"></g:plusone>

此处有更多信息：https://developers.google.com/+/web/+1button/

调整谷歌的宽度加上1个按钮

6 个答案: