Html 中心对齐facebook共享按钮div

这是一件我认为很简单的事情，但结果有点痛苦。我正在尝试将Facebook社交按钮居中对齐到图标下方，您可以在此处看到：

我有点被想法卡住了，我试着在一个div内强制它，但仍然不会改变

 <div class="Facebook"><img src="http://creditworksusa.com/wp-content/uploads/2014/03/facebook-icon-png-white.png" width="30"/>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FRazorRuddockRacing%3Ffref%3Dts&amp;width&amp;layout=button_count&amp;action=recommend&amp;show_faces=false&amp;share=false&amp;height=21&amp;appId=637719322983790" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px; display: block; margin: 0 auto;" allowTransparency="true"></iframe>
</div>


.Facebook{
    float: left; 
    background-color: #3B5998; 
    width: 50%;
    text-align:center;
    padding: 20px 0;
}

.脸谱网{
浮动：左；
背景色：#3B5998；
宽度：50%；
文本对齐：居中；
填充：20px0；
}

添加此选项将有效：

iframe {
    display: block;
    width: 125px;
    margin: auto;
}

然而，随着更多的数字被添加到like中，您的宽度也需要变大。这不是一个很好的解决方案，但如果不设置宽度，就无法将边距设置为“自动”以使其正常工作。

添加此选项将起作用：

iframe {
    display: block;
    width: 125px;
    margin: auto;
}

---

然而，随着更多的数字被添加到like中，您的宽度也需要变大。这并不是一个很好的解决方案，但如果不设置宽度，就无法将边距设置为“自动”以使其正常工作。

Facebook社交按钮的宽度始终为124px。只需给iframe一个宽度并将其居中即可

iframe {
    width: 124px;
    text-align: center;
}

---

Facebook社交按钮的宽度始终为124px。只需给iframe一个宽度并将其居中即可

iframe {
    width: 124px;
    text-align: center;
}

---

将iframe包装成div并添加边距：auto
要使其居中而不更改包含的div宽度，
这使您可以更自由地定位元素

.frame{
    display: block;
    width: 100px;
    margin: auto;
}

---

将iframe包装成div并添加边距：auto
要使其居中而不更改包含的div宽度，
这使您可以更自由地定位元素

.frame{
    display: block;
    width: 100px;
    margin: auto;
}

---

你的小提琴没有显示任何声音result@dippas点击runI我想我可以帮你但你到底想集中什么，我在小提琴中找不到你的小提琴没有显示任何result@dippas点击Run我想我可以帮你但你到底想集中什么我在小提琴里找不到只是想知道，说明它始终为124px宽的文档在哪里？我在这里找不到它的任何参考：检查詹姆斯的答案。当喜欢的数量增加时，宽度将改变。你需要用JS来解决这个问题。很抱歉谢谢你们的建议。只是想知道，哪里有文档表明它总是124px宽？我在这里找不到它的任何参考：检查詹姆斯的答案。当喜欢的数量增加时，宽度将改变。你需要用JS来解决这个问题。很抱歉谢谢你们的建议。