Я отправляю два простых письма с одним изображением в каждом (высотой 50 пикселей и высотой 2 пикселя).
<html>
<body>
<img src="http://placehold.it/600x50/00ff00"/>
<br />
Lorem ipsum
</body>
</html>
а также
<html>
<body>
<img src="http://placehold.it/600x2/00ff00"/>
<br />
Lorem ipsum
</body>
</html>
Вот результаты Outlook 2013.
Как вы можете видеть, левое изображение имеет меньший отступ от верхнего края, чем правое — отступ между самым верхним и левым изображениями является неизбежным полем Outlook по умолчанию в 15 пикселей, но я сейчас не об этом.
Кажется, что Outlook добавляет еще одно поле к изображению справа, так как оно меньше, чем высота строки, которая составляет около 15 пикселей.
Я пробовал все возможное: устанавливал display: block, line-height: 0, mso-line-height-rule: exactly и т. д. Я даже пытался обернуть изображение в div или span, но ничего не помогло.
Это легко воспроизвести, например. putsmail.com.
Приветствуются любые идеи и предложения.
<br>, а не в<img>. Проверьте, помогает ли это удалить<br>и обернуть<img>в<div>(или дать ему display:block). - person Mr Lister schedule 04.05.2015imageиtextвнутриtableдвумя разнымиtr, если все еще не работает, добавьтеline-heightкtrтак же, какimageheight- person Vitorino fernandes schedule 04.05.2015