facebook line iframe

Question

このコードには何が問題なのですか？私はそれをどのようなスタイルでも縦に並べることはできません。 CSSを変更するのではなく、スタイル属性を使用したい。

HERESに

<iframe src="https://www.facebook.com/plugins/like.php?href=https://www.facebook.com/KOMPAScom&layout=button" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:47px; height:20px"></iframe> 

私はスタイルattributしてみてください：

<iframe style="display: inline-block; vertical-align: middle;" src="https://www.facebook.com/plugins/like.php?href=https://www.facebook.com/feednews.id&layout=button" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:47px; height:20px"></iframe> 

Answer 1

はdiv要素ではiframeをラップし、テキスト整列とスタイルを設定：中心。

<div style="width:100%;text-align:center"> 
<iframe src="about:blank" style="border:none; overflow:hidden; width:47px; height:20px;"></iframe> 
</div> 

同じ要素に2つのスタイルステートメントがあります。そのうちの1つだけが考慮されます。

Answer 2

<div id="d" style="position:relative;width:500px;height:500px;border:solid blue;"> 
 
<iframe style="position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border:solid red;" src="https://www.facebook.com/plugins/like.php?href=https://www.facebook.com/feednews.id&layout=button" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden" id="fb"></iframe> 
 
</div>