iFrameのスペースを削除する際の問題

Question

FacebookのiFrameボタンとTwitterのボタンがあります。 自動的に来るスペースがありますが、私はなぜそれが分からないのでしょうか？ 何<br />または私はそれがスペースを引き起こす可能性があります知っているものはありませんIT-

のイメージがあります。ありがとうございます。

Answer 1

あなたのHTML出力のいくつかのサンプルは、参考になるが、あなたはCSSルールを追加してみてください：

iframe { 
display: inline-block; 
} 

EDITあなたのHTMLソースを見ると

、私はあなたが指定した幅を持って見ますtwitterとfacebookフィードのiFrame要素に

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='[LONG URL REMOVED]' style='border:none; overflow:hidden; width:450px; height:20px'></iframe> 

この要素から静的な幅を削除するだけで、2つのフレームが隣り合って表示されます。問題は、コンテナの幅が設定されていることだけです。あなたが500ピクセルの合計を持ち、twitter iFrameがその110を使用している場合、他のiFrameは450〜450 + 110 = 560を希望します。これにより、Facebook iFrameは次の行に折り返されます。

FacebookのiFrameから静的な幅を取り除いてください。ユーザーが「好き」をクリックすると、プロフィール写真がボタンの隣に追加されます。静的な幅を指定しないので、コンテナは自由に必要なだけ大きく広がります。

また、width:100%;をコンテナdivに設定します。