facebook - Facebookのいいねボタンを右揃えにする

Question

Facebook のようなボタンを自分の Web サイトに配置することはできますが、どのようにすれば右揃えにすることができますdivかiframe?

CSSのプロパティをいろいろつけてみたのですが、iframe内で動くものが得られませんでした。

score 14 · Accepted Answer

幅を「0」に設定するように指示されています。次に、ボックスはFacebookによって自動サイズ変更され、そのボックスに直接フロートを適用できます.

score 3 · Accepted Answer

iframeインライン要素です。使用できます

text-align: right

そのiframeを含むdivの場合、またはiframeを右にフロートしますが、後で必ずフロートをクリアしてください。

score 1 · Accepted Answer

皆様のご意見ありがとうございました。位置相対トリックは、私にとって常にそれを行うとは限りません。

div.around-fb-like{
    position:relative;
    float:right;
}

これまでのところ、これはより信頼性があります。

#fb-root{
    position:absolute;
    left:-1000%;
}

score 1 · Accepted Answer

これを実現するには、さまざまな状況で機能する多くの方法があるようです。

上記のどれも私の「いいね」ボタンの位置に違いをもたらすようには見えませんでしたが、「 margin-left」タグを使用して少し試行錯誤したところ、適切な場所に配置されました。

score 0 · Accepted Answer

「いいね」ソーシャルプラグインは、iframe 内のスタイルを変更したようです。次のページで、「いいね」が正しく流れないようにする最善の方法は何ですか?

[http://www.biographile.com/the-righteousness-and-ruin-of-science-on-this-week-in-history/16573/][1]

score 0 · Accepted Answer

DIV を使えば簡単です。

.fb-like{ vertical-align:top;}

SimpleMediaCode.info にも掲載 ( http://e-art.lv/x/fbas )

7 に答える 7