7

Googleプラスボタンを右に揃える方法はありますか? 桁数が増えた場合に備えて、g + ボタンはある程度の場所を保持しているようです。ソリューションが css/html のみを使用し、javascript を使用できなかったとしたら、それは素晴らしいことです。

更新
昨日から Google が 1+ ボタンの API を少し変更したようですが、それでも右に揃えることはできないようです。

更新 2
質問は 2011 年 8 月 24 日に行われました。それ以来、Google+ は何度か変更されました。もうこの投稿への回答をスパム送信する必要はありません (同じ回答が繰り返されます!)。あなたが提案するオプションは、当時は存在しませんでした。google+ ドキュメントの Web ページでパラメーターを確認してください: 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

次の属性をg：plusoneタグに追加します。

align="right"

https://developers.google.com/+/plugins/+1button/#button-sizesからソリューションを入手しました

于 2012-08-28T08:16:27.173 に答える
2

+1 ボタン タグのalign属性を に設定します。right

<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 に答える
1

私が見つけた最も簡単な解決策は、プラス 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

昨日この正確な問題に遭遇しました。namedspaced と 1 つのタグを div で囲み、右にフロートします。

スタイルシートを使用して、Google が送信するインライン スタイルをオーバーライドできます。

したがって、次のようなマークアップの場合:

<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;
}

幅は必要なだけ広くなるように適応し、Google のインライン スタイルよりも優先されます。

JSフィドル

于 2011-08-24T13:07:48.903 に答える
0

ボタンを に入れてみますdiv。次に、これをdivボタンよりも小さくして、ボタンの右側を切り取ります。CSS のオプションpositionとオプションを調整する必要があります。overflow

于 2011-08-24T11:50:28.797 に答える