Изпращам два прости имейла с по едно изображение (високо 50px и високо 2px)
<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