评论框半截止

时间:2012-07-26 00:06:50

标签: facebook comments height cut

我的Facebook评论框已中途中断。我把它保存为HTML并用Safari,Chrome和Firefox打开,但它们都是半截断。我该如何解决这个问题?

我已经尝试了很长时间但无法让它发挥作用。为简单起见,我只使用评论框中的必要代码:

<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 = "http://connect.facebook.net/en_GB/all.js#xfbml=1&appId=170045126459927";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        </script>

        <div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
    </body>
</html>

此外,页面不会停止显示加载标志。

1 个答案:

答案 0 :(得分:0)

问题来自您的CSS文件:

如果您使用的是插件,则必须退出所有代码,例如

. facebook-comment { width: 95px !important; }

这些代码是由插件自动设置的,不允许您根据需要设置Facebook评论框。

完成后,您可以在PHP控制台中创建一个,然后在CSS文件中添加此类,以根据需要自定义您的框。