html - 居中 iframe 谷歌地图

Question

我想让 iframe 居中，但它不会移动。如何让它发挥作用？

<section>
<iframe src="insertlocation" width="600" height="450" frameborder="0" style="border:0" align="center"
allowfullscreen></iframe>
</section>

Answer 1

通过将此样式放在父 div 上，您可以将 iframe 居中放置在另一个容器中。

<section id="parentContainerExample" style="display: flex; align-items: center; justify-content: center;">

<iframe: width="600" height="450"></iframe>

</section>

编辑:这是一个工作 fiddle https://jsfiddle.net/ywp9veug/