kagerou_ts https://blog.hatena.ne.jp/kagerou_ts/ いろいろブログカスタマイズメモ https://hatebu-memo.scriptlife.jp/ デザイン Amazonアソシエイトの画像をそのまま貼り付けると左寄せになってしまいます。 それを自動的にセンタリングするCSSを作ってみました。 imgタグをブロック要素にしてセンタリングする 解除する場合 imgタグをブロック要素にしてセンタリングする 画像リンクを取得すると次のようなコードになっています。(IDっぽい情報は伏せてあります) <a href="https://www.amazon.co.jp/dp/B071ZF5KCM/ref=as_li_ss_il?pf_rd_p=xxxx&pf_rd_r=xxxx&linkCode=li3&tag=xxxx&linkId=xxxx" target=… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhatebu-memo.scriptlife.jp%2Fentry%2F2017%2F11%2F26%2Famazon-img-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> https://ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B071ZF5KCM&Format=_SL250_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=kagerouts-22 Hatena Blog https://hatena.blog 2017-11-26 16:26:08 rich https://hatebu-memo.scriptlife.jp/entry/2017/11/26/amazon-img-centering 1.0 100%