0

幅200pxのサイドバーがあり、その中に配置したFacebookの「いいね」ボタンがDIVの境界の外側で実行されています。Likeボックスのテキストで200pxのマークを認識し、必要に応じて新しい行にリフローするための回避策はありますか？

私はこのコードで作業しています：http：//jsfiddle.net/tKkpm/2/

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=437745402932329";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://www.facebook.com/google" data-send="false"
 width="200" data-show-faces="false"></div>
4

2 に答える 2

2

私は答えとして私のコメントを入れます...

Facebook Like ボタンのドキュメントには、最小幅は 225 ピクセルである必要があると記載されています。

それよりも少ない場合がある理由は、iframeを使用できるためです。それより小さい幅は完全にはサポートされていませんが、動作するようです!

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fgoogle&amp;send=false&amp;layout=standard&amp;width=200&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:35px;" allowTransparency="true"></iframe>

2 つの異なる場所で幅を設定する必要があることに注意してください。

于 2013-01-26T17:08:51.877 に答える