居中iframe googlemaps

时间:2016-08-17 01:12:41

标签: html css

我想以iframe为中心,但它不会让步。我如何使它工作?



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

1 个答案:

答案 0 :(得分:0)

通过将此样式放在父div上,您可以将iframe置于另一个容器的中心。

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

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

</section>

编辑:这是一个工作小提琴https://jsfiddle.net/ywp9veug/