【メルマガコーディング】Gmailで画像と画像の間にできる隙間の解決方法

最近メルマガコーディングをする機会が増えてきたので、今回はテスト配信した際にハマったGmailでの表示崩れ(画像と画像の間にできる隙間)の解決方法を記載する。

結論

該当するimgタグに以下のstyleを追加することで解決できる

style="display:inline-block;vertical-align:bottom;"

<img src="./images/img01.jpg" style="display:inline-block;vertical-align:bottom;">
<img src="./images/img02.jpg" style="display:inline-block;vertical-align:bottom;">

(Visited 10 times, 1 visits today)

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です