Question

我有一个问题，即将左右边距设置为自动不会对齐我的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;
}

任何答案都将非常感谢！

Answer 1

您需要将以下样式添加到iframe：display:block

对齐Google Maps iFrame

1 个答案: