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> 

編集：ここでの作業フィドルhttps://jsfiddle.net/ywp9veug/

です