Facebookのように右に並べるボタンを調整します

StackOverflow https://stackoverflow.com/questions/4118475

質問

私は自分のウェブサイトにFacebookのようなボタンを置くことができますが、どうすればそれを右に整列させることができますか div/iframe 入っていますか？

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

役に立ちましたか？

解決

iframe インライン要素であり、使用できます 

text-align: right

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

サンプル： http://jsfiddle.net/mujj6/3/
と： http://jsfiddle.net/mujj6/5/

他のヒント

このリンクも役立つと思います：http://shades-of-orange.com/post/2011/01/09/embed-facebook-like-button-e28093-right-align-with-css-and-settings.aspx

幅を「0」に設定すると書かれています。その後、ボックスはFacebookによって自動化され、そのボックスにフロートを適用できます。

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

上記のいずれも、私の「いいね」ボタンの位置に違いをもたらすようには見えませんでしたが、少しの試行錯誤は「マージン左「タグと私はそれを正しい場所に手に入れました。

みんなの意見をありがとう。相対的なトリックは常に私のためにそれをするとは限りません：

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

これまでのところ、これはより信頼できました：

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

で説明されているもの Facebookのように埋め込まれたボタン - cssと設定に右側に並んでいます 作品。しかし、私のウェブサイトでは、スタイルを変更する必要がありました

position:relative; right:-130px;

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

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

divで簡単です：

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

simplemediacode.infoにも投稿されています（ http://e-art.lv/x/fbas )

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top