【CSS】アフィリエイトリンク(テキスト)で、勝手に改行が入る問題の解決方法

  • 投稿 : 2016-11-23
・余計な改行が入る
・余分な空白が入る

仕様しているテーマによっては、1pxの画像が計測用に入っている場合に、上記なようなことが起こりえます。
原因は、画像(img)をblock要素としてCSSで指定しているからです。そこで、このケースだけinline 要素にしてしてやればOKです。

img[width='1'],
img[height='1']{
   display: inline !important;
}

スタイルシートに上記のようなものを追加します。
HTMLのimgタグの属性に、width='1'とかheight='1'を指定している画像に対しては、inline 要素にしますっていう内容です。

もし、width='1'やheight='1'がついてない場合は、違う方法で追加しないと対策できません。

スポンサーリンク
タグ#CSS#code