如何正确对齐+1按钮?

时间:2013-09-02 07:24:41

标签: css google-plus-one

我读到了这个,我尝试了不同的字符串,但没有任何对我有用。我在div容器中有+1按钮。容器是向右浮动的,我也试图为按钮应用“align:right”属性,但无论我做什么,它都不会向右对齐。 我的代码现在是这样的:

<div class="g-plusone" data-annotation="none" align="right"></div>

我还尝试编写这样的代码:

<div class="g-plusone" data-annotation="none" data-align="right"></div>

我也试过这个:

<div class="g-plusone" data-annotation="none"><g:plusone align="right"></g:plusone></div>

我试过浮动“g-plusone”div,这是代码:

.g-plusone{float:right!important;}

我觉得我生气了,有人能帮助我吗?

4 个答案:

答案 0 :(得分:1)

您需要为div设置宽度,否则div会自动获取容器的宽度,因此左侧或右侧浮动没有区别,因为宽度为100%。

更新

如果在Chrome或Firefox中测试您的网站,请点击网络开发者工具,选择大纲&gt;大纲图块级元素。这将显示包含div的轮廓及其中的块级元素。这提供了从何处开始修复对齐问题的线索。例如,元素在窄容器中右对齐,右对齐但100%宽,或者是代码在代码中的其他位置被覆盖。

答案 1 :(得分:1)

text-align:right添加到容器中。

它在这里尝试了,它的工作: http://jsbin.com/aGivuvA/1/edit

答案 2 :(得分:0)

尝试使用span为你的g-plus按钮然后将它放在div中,然后将div对齐到右边....

<div class="g-plusone" data-annotation="none" align="right">
<span>

<!--your content-->
</span>

</div>

答案 3 :(得分:0)

不知道谷歌加上那么多,但如果这个问题是因为谷歌用iframe或类似的东西替换div,那么你可以使用包装它的hack选项:

<div style="width: 100%; direction: rtl;">