Css 如何在动态创建的iframe中对齐类似Facebook的按钮？

我知道有很多关于“对齐Facebook按钮”的问题，但他们似乎都在谈论人们直接在标记中使用

iframe

s。我使用HTML5 Facebook按钮代码，然后动态加载iframe

看一下

如您所见，有三个社交按钮。Twitter和Google+1 iFrame似乎自动调整大小以匹配其内容。Facebook iframe没有。它似乎是一个固定宽度的iframe，内容较窄

有没有一种简单的方法可以使iframe的大小正确

我可能可以在页面加载后使用jQuery来操纵iframe的大小，但我希望避免这种情况。如果iframe从一开始就加载了正确的大小就好了

---

我还希望避免在代码中直接使用iframe，因为我会在页面后面动态加载Facebook脚本，这就是动态注入iframe的原因。

我不知道如何让它自动适应，但您可以覆盖宽度

.social{
    margin:20px 0;
    overflow: hidden;
    padding-left: 20px;

}

.social > div {
    float: left;
    height: 70px;
    margin-right: 0px;
    border: 1px solid red;
}
.facebook{
    width:45px;
}

---

对于这种类似Facebook的按钮限制，我唯一的解决方案是将“类似”按钮放在Google+按钮之后。这样一来，Facebook div的宽度就不重要了。它将与其他按钮等距排列

---

指向JSFiddle的链接似乎是404。实际上，我在JSFiddle上看到了很多奇怪的行为，包括一些表示它们已停止维护的消息。我把它归咎于死掉的服务器。使用CSS覆盖Facebook社交插件的样式是违反他们的平台政策的。当这个相似的数字增长到一个大的数字，占用更多的空间时，如果你为它设置一个静态宽度，它将被推到iframe的视图之外。“box_count-显示按钮上方的喜欢总数。最小宽度：55像素。默认宽度：55像素。高度：65像素。“从规格上看，如果你不能调整div宽度，你会被卡住吗？”？