如何中心一个Facebook的iframe像按钮
我需要一个全局解决方案来集中一个像iframe一样的按钮，它可以具有不同的URL和不同的语言环境（和语言 - 在我的情况下是40+）。 所以这个按钮最后会有不同的宽度。
据此我删除了宽度属性并添加了语言环境参数。 iframe的宽度为300px，不可能居中。
看到这个例子中的问题：
.mydiv {
padding: 30px 0;
background: red;
text-align: center;
}
.mydiv span {
font-family: sans-serif;
text-decoration: underline;
display: block;
margin-bottom: 10px;
}
.mydiv iframe {
background: green;
}<div class="mydiv">
<span>locale en_US</span>
<iframe src="https://www.facebook.com/plugins/like.php?locale=en_US&href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&layout=button_count&action=like&size=small&show_faces=true&share=false&height=21&appId=848263035268773" height="21" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
<span>locale de_DE</span>
<iframe src="https://www.facebook.com/plugins/like.php?locale=de_DE&href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&layout=button_count&action=like&size=small&show_faces=true&share=false&height=21&appId=848263035268773" height="21" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>.mydiv {
padding: 30px 0;
background: red;
text-align:center;
}
将text-align:center添加到您的包含div。