如何修复facebook喜欢的缩进？

Question

我可以去facebook并获取“喜欢的盒子”的代码。非常便利。

问题是，这个盒子的显示是蹩脚的。它不一致。 “stream”中的第一篇文章显示了这种缩进：

流中的下一篇文章会显示不同的（跛脚）缩进。

这是在同一个相似的框中，我只是向下滚动。

效果不仅限于“Facebook平台”的流。我也在Likebox中看到了其他流。

我想设置框的样式，试图使缩进保持一致，但它似乎呈现为iframe，（我认为）意味着我不能因为S.O.P而设计它。

我该如何解决这个问题？

是否有一种解决方法可以在div中显示一个最终不是iframe的likebox？

---

编辑：错误记录：http://developers.facebook.com/bugs/237053466346453

---

编辑：我比较了fb:fan控件和likebox控件。使用fb:fan，可以提供自定义CSS来设置内容的样式。 （There are some caveats。）我设置了文本的宽度和边距，并删除了actorName，这对于每个帖子都是相同的。这是结果：

左侧是使用以下代码生成的：

  <fb:fan profile_id='19292868552' width='292' 
          connections='0' show_faces='false' stream='true' header='false'
          css='http://example.org/fb/customfanbox.css?_=6392'></fb:fan>

右边是这样产生的：

  <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=292&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=true&amp;header=false&amp;height=525"
          scrolling="no"
          frameborder="0"
          style="border:none; overflow:hidden; width:292px; height:525px;"
          allowTransparency="true">

对于左侧，如果您不想要fb:fan元素，则可以使用指向fan.php的iframe，如下所示：

  <iframe src='http://www.facebook.com/plugins/fan.php?connections=0&css=http%3A%2F%2Fexample.org%2Ffb%2Ffb%2Fcustomfanbox.css%3F_%3D0292&id=19292868552&locale=en_US&sdk=joey&stream=true&width=292&height=560'
          scrolling="no"
          frameborder="0"
          style="border-bottom:1px grey solid; overflow:hidden; width:292px; height:525px;"
          allowTransparency="true">

Answer 1

您可以尝试使用旧的风扇盒插件，它提供了加载外部CSS文件。我不知道它是否仍然有效。如果是这样，它可能会在任何时候停止工作。

你当然不是唯一一个有这些问题的人。我建议您为现有的功能请求/投票提交。

Answer 2

您无法在其他域中设置页面样式。 这也将使XSS成为可能。