動的に作成されたiframeにFacebook Like Buttonを整列する方法は？

Question

「Facebookボタンの整列」について多くの質問がありますが、それらはすべてiframeをマークアップで直接使用している人について話し合っているようです。私はHTML5のFacebookのボタンコードを使用して、iframeを動的に読み込んでいます。

あなたが見ることができるようにJSFiddle

として見てみましょう、3つのソーシャルボタンがあります。 TwitterとGoogle + 1のiframeは、内容に合わせて自動サイズ調整を行っているようです。 Facebook iframeはそうではありません。狭い内容の固定幅のiframeであるようです。

このiframeサイズ自体を適切にする簡単な方法はありますか？

おそらくjQueryを使用して、ページが読み込まれた後にiframeのサイズを操作できますが、それを避けたいと思います。 iframeが単に最初から適切なサイズをロードしていればいいでしょう。

iframeをダイナミックに注入するページの後半にFacebookスクリプトを動的に読み込むため、iframeを直接コード内で使用しないでください。

Answer 1

このFacebook Like Button制限のための私の唯一の解決策は、[Google+]ボタンの後に[いいね]ボタンを配置することでした。そうすれば、Facebook部門の幅がどんなものになっても問題にならない。それは他のボタンから等間隔に配置されます。

http://jsfiddle.net/FLuKW/10/

Answer 2

私はそれがオートフィットしているのか分かりませんが、あなたはその幅をオーバーライドできます。

.social{ 
    margin:20px 0; 
    overflow: hidden; 
    padding-left: 20px; 

} 

.social > div { 
    float: left; 
    height: 70px; 
    margin-right: 0px; 
    border: 1px solid red; 
} 
.facebook{ 
    width:45px; 
}