iFrameを中央に配置する方法

Question

私はblogspotを使っているクライアントを持っており、私はリンクを保持するiframeを中心にしようと思っています。しかし、私はそれを動作させるように見えることはできません。ここで私が使用しているコードと提案はありますか？

<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

てみ調整することができ、これを試してみてください：0自動;

それとも、インラインフレームに表示追加することができます。インラインブロックをして.newswrapする{テキスト整列：センター;}が、ラッパーとnewswrapは幅を持っていることを確認してください：100％

次に、あなたのコードがどうあるべき：

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

Answer 2

IFRAMEはインライン要素であり、あなたは以下のスニペットのようにtext-aling:center;を追加するCSSでそれを行うことができます。あなたは既に幅持つようしかし：インラインフレームに100％を、あなたはおそらくもmargin:0 auto;を使用してiframeの上にコンテナを配置する必要があります構造も問題になることができ、余分な決算</DIV>があります

.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

あなたが一定の幅を気にしない場合

また、あなたのIフレームとのマージンに表示ブロックを追加する幅

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