iframeをセンターに配置するにはどうすればよいですか？

Question

私はこのページにいくつかのiframeを中心に置いています。linkしかし、私が見たすべての例は、私が試したものではありません。中央にない視差浮動小数点divを明確に見ることができ、htmlページのiframeは右に浮いていて、中央に配置されていません。

ご協力いただければ幸いです。あなたのニーズに合わせて

Answer 1

http://codepen.io/mlegg10/pen/zqLdJy 変更CSSのパディングトップとボトム

/* Flexible iFrame */ 
 

 
.Flexible-container { 
 
    position: relative; 
 
    padding-bottom: 56.25%; 
 
    padding-top: 30px; 
 
    height: 0; 
 
    overflow: hidden; 
 
} 
 
.Flexible-container iframe, 
 
.Flexible-container object, 
 
.Flexible-container embed { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
}

<!-- Responsive iFrame --> 
 
<div class="flexible-container"> 
 
    <object width="100%" data=""https://drive.google.com/file/d/0BxrMaW3xINrsR3h2cWx0OUlwRms/preview"&amp;toolbar=0&amp;navpanes=0" type="application/pdf"> 
 
     <embed width="100%" type="application/pdf" src="https://drive.google.com/file/d/0BxrMaW3xINrsR3h2cWx0OUlwRms/preview"?scrollbar=0&amp;toolbar=0&amp;navpanes=0"> 
 
    </object> 
 
</div>

Answer 2

display:block + margin:auto;

iframe { 
 
    display:block; 
 
    margin:auto; 
 
}

<iframe></iframe>