限制HTML5的大小Facebook的評論框

我想限制從下面生成的代碼的Facebook評論的垂直高度，但我不知道如何限制評論框的垂直高度。（對於寬度，數據寬度參數由facebook提供）。有誰知道我該怎麼做？限制HTML5的大小Facebook的評論框

<html> 
<head></head> 
<body> 
<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"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 
<div class="fb-comments" data-href="example.com" data-num-posts="2" data-width="500"> </div> 
</body> 
</html>

謝謝！

來源

2011-11-20 oxuser

不幸的是，FB目前不允許IFRAME方法，只有HTML5和XFBML，所以我用來解決這個問題的解決方案是用另一個div將「overflow-y」設置爲滾動，像：

<div id="fb_comments"> 
    <fb:comments href="http://example.com/" num_posts="10" width="500"></fb:comments> 
</div>

我對fb_comments造型：

#fb_comments { height:400px; padding-bottom:20px; overflow-y: scroll; }

來源

2011-12-05 18:31:12 jbnunn

但是關於移動如何。數據移動=「真」 – Sowmya

直接設置高度是不可能的，如果你想讓它滾動，你可能想把它放在一個IFrame中（代碼可以在developers.facebook.com上找到，只需選擇IFRAME而不是HTML5）

否則，您可以將data-num-posts更改爲更低或更高的值，以使其更小或更大。

來源

2011-11-20 10:01:31

限制HTML5的大小Facebook的評論框

回答

相關問題