Wie zentriere ich einen iframe?

Ich habe versucht, ein paar Iframes auf dieser Seite link zu zentrieren. Aber jedes Beispiel, das ich gesehen habe, habe ich versucht und funktioniert nicht. Sie können das schwebende Dival parallax deutlich sehen, das nicht zentriert ist, und unten ist der iframe für eine html-Seite nach rechts schwebend und nicht zentrierend.Wie zentriere ich einen iframe?

Jede Hilfe würde sehr geschätzt werden.

Quelle

2016-07-20 Calle

Anzeige anpassen: Block + margin: auto ; ..... hast du ein wenig gesucht? :) –

Ich suchte etwa 2 Stunden, also ja :) Das habe ich vorher schon probiert. Es funktioniert nicht, aus welchem Grund auch immer. – Calle

Noch einmal, Oriol, ich habe das versucht. Das wäre offensichtlich das erste, was ich versuchen würde. Ich würde nicht fragen, ob das funktioniert hat. – Calle

http://codepen.io/mlegg10/pen/zqLdJy Änderung der CSS-padding-top und bottom Ihre Bedürfnisse

/* 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>

Quelle

2016-07-20 18:38:47 mlegg

Danke! Das hat funktioniert. – Calle

display:block + margin:auto;

iframe { 
 
    display:block; 
 
    margin:auto; 
 
}

<iframe></iframe>

Quelle

2016-07-20 18:08:04

Antwort

Verwandte Themen