7

有没有办法将google plus按钮对齐？如果有更多数字，g+ 按钮似乎有一些位置。如果 sulution 只能使用 css/html - 没有 javascript，那就太好了。

更新
似乎google从昨天开始改变了一点点1+按钮的api，但似乎仍然无法将其对齐到右侧。

更新 2
问题已于 2011 年 8 月 24 日提出。从那时起，Google+ 发生了数次变化。不再需要向这篇文章发送垃圾邮件答案（重复，同样的答案！）。你们都建议的选项当时不存在。查看 google+ 文档网页上的参数：https ://developers.google.com/+/plugins/+1button/?hl=pl#plusonetag-parameters

4

7 回答 7

4

现在，您只需添加data-align="right"到您的<div>. 例如：

<div class="g-plusone" data-align="right" data-size="medium" data-href="http://www.mywebsite.com"></div>

这将使<iframe>对齐的内容保持在右侧。

于 2013-10-19T17:49:59.220 回答
2

将align属性设置right为 +1 按钮标记。

<g:plusone align="right"></g:plusone>
于 2012-10-01T14:32:47.293 回答
2

如果您想将 +1 按钮向右对齐，则应使用“高”外形尺寸，因为它会向上扩展，或者将 +1 按钮配置为不显示计数。这些中的任何一个都将删除右侧数字的松弛空间。可以在此处找到解释如何执行此操作的文档：http ://code.google.com/apis/+1button/#button-sizes

现在填充在右侧消失了，您可以使用 CSS 来对齐按钮。

于 2011-08-25T03:34:14.180 回答
2

将以下属性添加到g:plusone标签：

align="right"

从 https://developers.google.com/+/plugins/+1button/#button-sizes获得解决方案

于 2012-08-28T08:16:27.173 回答
1

我发现的最简单的解决方案是将加一个按钮 div 包装在一个容器中，为容器提供一个类和样式，以根据需要浮动。

<!-- Google +1 button -->
<div class="plusonealign"><div class="g-plusone" data-size="medium"  data-align="left"></div></div>

.plusonealign {
    float: left;
}
于 2014-05-23T09:03:23.340 回答
0

我会尝试将按钮放入div. 然后我会让它div比按钮小，以切掉按钮的右侧部分。您需要调整 CSS 中的position和overflow选项。

于 2011-08-24T11:50:28.797 回答
0

昨天遇到了这个确切的问题。将命名空间加一个标签包装在一个 div 中并向右浮动。

你总是可以使用样式表来覆盖谷歌发送的内联样式

所以对于这样的标记：

<div class="myPlusOneWrapper">
    <div id="theActualPlusOneWrapper" style="whatever google send down the wire">
        <!-- blah -->
    </div>
</div>

你可以有这个CSS：

.myPlusOneWrapper
{
     float: right;
}

.myPlusOneWrapper > div
{
    width: auto !important;
}

然后宽度将适应它需要的宽度，并将优先于谷歌的内联样式

JS小提琴

于 2011-08-24T13:07:48.903 回答