Facebookのように右に並べるボタンを調整します
-
29-09-2019 - |
質問
私は自分のウェブサイトに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/