web-dev-qa-db-ja.com

ボタンのようにFacebookを右揃え

WebサイトにFacebookのようなボタンを配置できますが、div/iframe内で右揃えにするにはどうすればよいですか？

さまざまなCSSプロパティを適用してみましたが、iframe内で何も移動できませんでした。

facebookiframefacebook-likealignment
22
Moshe Marciano

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

text-align: right

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

サンプル： http://jsfiddle.net/Mujj6/3/
and： http://jsfiddle.net/Mujj6/5/

3
nonopolarity

このリンクも役立つと思います： http://shades-of-orange.com/post/2011/01/09/Embed-Facebook-Like-Button-e28093-Right-Align-with-css- and-Settings.aspx

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

14
SequenceDigitale.com

さまざまな状況で機能する多くの方法があるようです。

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

1
Chris Sharp

埋め込みFacebookの「いいね！」ボタンの説明-CSSとの右揃えと設定が機能します。しかし、私のウェブサイトでは、スタイルを

position:relative; right:-130px;
1
pallu

皆様のご意見ありがとうございます。位置相対トリックは私のために常にそれをするわけではありません：

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

これまでのところ、これはより信頼できるものです。

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

DIVを使用すると簡単です。

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

simpleMediaCode.infoにも投稿（ http://e-art.lv/x/fbas ）

0
Umbrovskis.com

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

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

0
daily-learner