我遇到一个问题,将左右边距都设置为自动不会对齐我的 iFrame,而且我无法设法以其他方式对齐。然而,将它 float 到右边是可行的,我可以设置像素边距。
这是 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;
}
如有任何答案,我们将不胜感激!
最佳答案
您需要在 iframe 中添加以下样式:display:block
关于html - 对齐 Google map iFrame,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30407998/