PCヘッダー設置時にセンター(中央寄せ)にする方法

PCのヘッダーにツール設置した際に中央寄せ(センター)にする方法のご案内です。

その1 centerで括る

<center>

ここにiframeソース

</center>
 
 

その2 divで括りスタイルでtext-align

<div style="text-align:center;">

ここにiframeソース

</div>
 
 

その3 divで括り幅を指定しスタイルでマージンauto

<div style="width: 幅px; margin: 0 auto;">

ここにiframeソース

</div>
 
※幅は設置するiframeソースと同じ
 
 

その4 横に広がる(100%)のページに入れる場合

<div style="width:450px;margin:0 auto;">

<iframe width="450" height="100" src="https://www.rakuten.ne.jp/gold/iimonostore/ecstation/toolbox/deliveryBanner_209863365526085124961249012540652881245812524125311247265289124501245212467125312018412365525348112120.html" frameborder="0" scrolling="no"></iframe>

</div>

iframeの中のwidthが「450」だった場合はdivの中のwidthも「450」にします。

このページを見た人はこちらも参考にしています

PAGE TOP