Google+按钮将可用空间/空白删除到右侧|对齐到右边

有没有什么办法可以将google plus按钮对齐？看起来，g +按钮在有更多数字的情况下占有一席之地。这将是很好，如果可以使用只有CSS/HTML - 没有JavaScript的。Google+按钮将可用空间/空白删除到右侧|对齐到右边

更新
这apears从昨天起，谷歌已经改变了按钮的1 +一点点的API，但它仍然似乎是不可能将其调整到正确的。

更新2
问题已经被问年8月24 '11。从那以后，Google+改变了几次。没有必要垃圾邮件回复这个职位了（重复，相同的答案！）。你所有建议的选项在当时并不存在。在google +文档网页上查看参数：https://developers.google.com/+/plugins/+1button/?hl=pl#plusonetag-parameters

来源

2011-08-24 seler

我会尝试将按钮放入div。然后，我会使这个div小于按钮来切掉按钮的右侧部分。你需要调整你的CSS中的position和overflow选项。

来源

2011-08-24 11:50:28 ESCOBAR

如果网页在一段时间内会得到4位数加1的话会发生什么？我不想每隔一段时间手动更新这个div的宽度。 – seler

昨天遇到了这个确切的问题。在div中包裹namedspaced加上一个标签并右移。

你总是可以使用样式表来覆盖内联样式，谷歌发下来的电线

所以类似这样的标记：

<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

来源

2011-08-24 13:07:48 WickyNilliams

我无法工作。你能举个例子吗？ jsfiddle也许。 – seler

你使用什么浏览器？在'>'后代选择器将只在新的浏览器正常工作（IE8 +，其他大多数浏览器都支持了一会儿） – WickyNilliams

我知道笑。请显示它的作品。 – seler

如果您想要将+1按钮向右对齐，则应该使用'tall'形状因子，因为它向上展开或配置+1按钮以不显示计数。其中任何一个都会消除右侧数字的松弛空间。解释如何做到这一点的文档可以在这里找到：http://code.google.com/apis/+1button/#button-sizes

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

来源

2011-08-25 03:34:14 mimming

添加以下的属性到克：Plusone精选标签：

align="right"

得到了 https://developers.google.com/+/plugins/+1button/#button-sizes

来源

2012-08-28 08:16:27 user1412105

溶液中align属性设置为right +1按钮标签。

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

来源

2012-10-01 14:32:47 abriggs

由于我问过这个问题，Google+按钮已经改变（很多次）。这一选择在一年前并不存在。 :) – seler

现在你只需要添加data-align="right"您<div>。例如：

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

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

来源

2013-10-19 17:49:59 Gavin

检出日期问题已发布。自那时以来，Google + API已经多次更改，问题不再有效。 – seler

这是一个老问题，但我还是来到这里，因为我无法弄清楚如何右对齐了Google+按钮，这样才能帮助别人是有意义的把它放在这里。 – Gavin

我发现最简单的解决方案是只是包装在一个容器中加一个按钮DIV，给容器类和风格，漂浮无论你有多需要。

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

.plusonealign { 
    float: left; 
}

来源

2014-05-23 09:03:23

Google+按钮将可用空间/空白删除到右侧|对齐到右边

回答

相关问题