谷歌+按钮删除右侧的可用空间/边距|向右对齐

Question

有什么方法可以将谷歌加号按钮向右对齐吗？看来 g+ 按钮可以保留一些位置，以防出现更多数字。如果 sulution 可以只使用 css/html - 不使用 javascript，那就太好了。

更新
看来google从昨天开始对1+按钮的api进行了一些更改，但似乎仍然无法将其向右对齐。

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

Answer 1

现在，您只需将 data-align="right" 添加到

中即可。例如：

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

这将使 的内容保持右对齐。

Answer 2

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

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

Answer 3

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

align="right"

从以下位置获取解决方案
https://developers.google.com/+/plugins/+1button/ #按钮大小

Answer 4

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

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

Answer 5

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

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

.plusonealign {
    float: left;
}

Answer 6

昨天遇到了这个确切的问题。将命名空间加一标签包装在 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 Fiddle

Answer 7

我会尝试将按钮放入 div 中。然后我会让这个 div 小于按钮，以切除按钮的右侧部分。您需要调整 css 中的 position 和 overflow 选项。