0

我正在尝试将 Facebook 评论框小部件添加到网站，但 facebook 设置的预定高度将框切断到您一次只能看到一条评论的位置。

我已经查看了整个互联网，这似乎是几年前的一个问题，并且它影响了几乎每个拥有这些小部件的网站，但我还没有遇到一个当前拥有的网站这个问题，这让我相信旧问题在某个时候得到了解决。

我试过用以下方法覆盖 Facebook CSS：

 .fb_ltr{max-height:px !important;}

但最终所做的就是把它带到你设定的任何高度，然后像以前一样把它剪掉。最近或过去有没有其他人遇到过这个问题？有没有办法解决它？显然有些网站正在使它工作。

 <!DOCTYPE html>
<html>
     <head>
        <title>Example</title>
        <link rel="stylesheet" ;type="text/css"; href="test.css"/>

    </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_US/all.js#xfbml=1";
     fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));</script>



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

  </body>
 </html>
4

2 回答 2

0

我不认为你可以在使用 facebook 的插件时做到这一点。您需要使用一些 JSON 手动拉出帖子，网上有很多教程。

于 2013-07-20T18:27:49.177 回答
0

在插件的 CSS 文件中，您必须删除所有代码，例如：

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

这些代码由插件解决，但与所有主题和网站不匹配。

完成此操作后，您可以创建一个新的<div class=fb-comment>或类似的东西，以便根据需要自定义您的 facebook 评论框（替换它，设置宽度等）

于 2013-10-09T15:26:03.447 回答