对齐 Google Maps iFrame答案

【问题标题】：Aligning Google Maps iFrame对齐 Google Maps iFrame
【发布时间】：2015-08-05 03:26:38
【问题描述】：

我有一个问题，将左右边距设置为 auto 不会对齐我的 iFrame，我无法设法以另一种方式对齐。然而，将它浮动到右边是可行的，我可以设置一个像素边距。

这是 iFrame 的代码行：

<div id="googlemaps">

    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3320.231282230306!2d151.307011!3d-33.67707499999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b0d54a318442175%3A0x20077e99e79db860!2sTex+Mex+Restaurant+-+Mona+Vale!5e0!3m2!1sen!2sau!4v1432343110125" width="600" height="450" frameborder="0" style="border:0"></iframe>

    </div>

我在 CSS 中尝试了以下内容：

iframe {
align-items: center;
}


iframe {
    margin-left: auto;
    margin-right: auto;
}

任何答案将不胜感激！

【问题讨论】：

标签： html css google-maps iframe google-maps-api-3

【解决方案1】：

您需要在 iframe 中添加以下样式：display:block

【讨论】：

感谢您的快速响应，是的，我的错误是我之前将显示设置为阻止但在故障排除期间将其删除。无论如何，谢谢;)