So zentrieren Sie iFrame?

Question

Ich habe einen Client, der blogspot verwendet und ich habe alles versucht, was ich weiß, um den iframe zu zentrieren, der den Link enthält. Aber ich kann es einfach nicht funktionieren lassen. Hier ist der Code, den ich verwende, und Vorschläge?

<section id="content"> 
 
    <div class="ic"></div> 
 
    <div class="container_12"> 
 
    <div class="wrapper"> 
 
     <div class="newswrap"> 
 
     <iframe src="http://metiriusnews.blogspot.com/" width="100%" height="800px"> 
 
      <p>Your browser does not support iFrames.</p> 
 
     </iframe> 
 
     </div>  
 
    </div> 
 
    </div> 
 
</section>

Answer 1

versuchen Hinzufügen einer Anzeigeblock auf Ihre Iframe und Rand einstellen: 0 auto;

Oder Sie können eine Anzeige auf den Iframe hinzu: inline-block und .newswrap {text-align: center;} aber sicher sein, dass Wrapper und newswrap haben Breite: 100%

Dann sollten Sie den Code sein :

.wrapper{width: 100%;} 
.newswrap{text-align: center;width: 100%;} 
iframe{display:inline-block;} 

Answer 2

iframe ist Inline-Element, und Sie können es über CSS tun unten text-aling:center; als Code-Schnipsel hinzufügen. Aber wie Sie schon der Breite: 100% auf Iframe, müssen Sie wahrscheinlich den Behälter über dem iframe align mit margin:0 auto; Auch hat man Struktur zusätzliche Schließ </DIV> die auch ein Problem sein kann:

.newswrap { 
 
    text-align: center; 
 
}

<section id="content"> 
 
    <div class="ic"></div> 
 
    <div class="container_12"> 
 
    <div class="wrapper"> 
 
     <div class="newswrap"> 
 
     <iframe src="http://metiriusnews.blogspot.com/" width="100%" height="800px"> 
 
      <p>Your browser does not support iFrames.</p> 
 
     </iframe> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</section>

Answer 3

versuchen Sie dies, wenn Sie nichts dagegen Breite nicht festgelegt, auch können Sie die Breite

<style type="text/css"> 
iframe{ 
    width: 800px!important; 
    margin:auto; 
} 
</style>