kagerou_ts https://blog.hatena.ne.jp/kagerou_ts/ いろいろブログカスタマイズメモ https://hatebu-memo.scriptlife.jp/ デザイン Amazonアソシエイトのバナーを貼り付けるときに、そのままだと左に寄っているのを自動的にセンタリングするCSSです。 アソシエイトのiframeを指定してセンタリング センタリングを解除する場合 style属性で指定する ブロック要素で囲う アソシエイトのiframeを指定してセンタリング 例えばAmazonプライムのバナーは、以下のようなiframeになっています。(一部IDっぽい情報をxxxxにしました) <iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?o=9&p=12&l=ur1&category=prime&banner=xx… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhatebu-memo.scriptlife.jp%2Fentry%2F2017%2F11%2F23%2Famazon-banner-centering" title="Amazonアソシエイトのバナーを自動的にセンタリングする - いろいろブログカスタマイズメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2017-11-23 22:33:01 rich https://hatebu-memo.scriptlife.jp/entry/2017/11/23/amazon-banner-centering 1.0 100%