0

正如您从下面的示例中看到的那样，Facebook 点赞按钮应该出现在日期和文章开头之间的空白处，但由于我无法弄清楚的未知原因，它却向下移动了。我敢肯定这是一些晦涩难懂的 CSS 东西，但感谢您提供任何帮助。谢谢！:-)

这是实际页面：http ://readabout.me/achievements/Reinhardt-University-s-Morgan-Sparks-Selected-for-Who-s-Who-Among-Students-in-American-Universities-and-Colleges/ 3638644

示例

4

5 回答 5

2

删除 news.css 文件中的第 30 行：

#news-story iframe.fb_ltr {margin:25px 0 10px 0;}

您明确地为喜欢按钮 iframe 提供了 25px 的上边距。

于 2012-04-26T17:38:41.853 回答
2

我发现了问题

请删除边距#news-story iframe.fb_ltr

http://readabout.me/stylesheets/news.css 第 30 行 - 并在“#fbLikeButton”问题上设置填充顶部将得到解决

我可以在 firebugg 上解决这个问题，这是打印屏幕；

于 2012-04-26T18:02:00.077 回答
1

我认为这将解决您的问题:)

<div id="fbLikeButton" style="height: 50px; ">

编辑：我认为@cpilko 已经找到了确切的原因，尽管我相信 news.css 不是你的，而是 facebook 的，在这种情况下，你可以尝试将以下代码添加到你的 css 中。

#news-story iframe.fb_ltr {
 margin: 0 !important;
}
于 2012-04-26T17:35:17.143 回答
0

只需在 like 按钮中添加一个 height 属性 -#fbLikeButton{height:60px;}

于 2012-04-26T18:18:31.627 回答
0

这行得通。谢谢大家！

-#news-story iframe.fb_ltr {margin:25px 0 10px 0;}
+
+div#fbLikeButton {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}

基本上，我删除了内部样式并设置了周围 div 的样式。我没有意识到我们有像按钮 iFrame 这样的 Facebook 内部实际样式的代码。

于 2012-04-26T19:50:37.690 回答