HTML электронная почта рядом изображения 1-2px слишком широко для каждого изображения
Возникли проблемы с электронными письмами, в которых несколько изображений расположены рядом, но в каждой строке содержится разное количество столбцов / изображений. Я помещаю таблицу в каждую строку, чтобы мне не приходилось использовать colspan, так как все изображения имеют разную ширину. Чем больше изображений в строке, тем шире ряд, хотя все строки имеют одинаковую общую ширину всех своих изображений.
Смотрите пример изображения здесь:
Пример HTML (см. JS fiddle, так как код по какой-то причине здесь не публикуется правильно):
<table id="Table_1_col" width="600" border="0" cellpadding="0" cellspacing="0" background="ffffff"
style="background:#fff;display:block;table-layout:fixed;border-collapse:collapse!important;mso-table-lspace:0;mso-table-rspace:0;border-spacing:0;border:0;mso-cellspacing:0;mso-padding-alt:0;padding:0;margin:0;font-size:0;line-height:0;width:600px;min-width:600px;max-width:600px;"
valign="top">
<tbody>
<tr style="display:block;white-space:nowrap;">
<td style="font-size:0;line-height:0;margin:0;padding:0;background:url(images/_TRAVEL-15_05.jpg);background-image:url(images/_TRAVEL-15_05.jpg);background-size:100% 100%;"
valign="top" align="left"><a href="https://www.afterpay.com/en-AU/categories/travel" align="left"
style="font-size:0;line-height:0;display:block;margin:0;padding:0;" target="_blank"><img src="images/_TRAVEL-15_05.jpg"
width="600" height="241" alt=""
style="float:left;width:600px;display:block;margin:0;outline:0;text-decoration:none;-ms-interpolation-mode:bicubic;border:0;"
border="0" align="left"></a></td>
</tr>
</tbody>
https://jsfiddle.net/jup4xw3v/3/
Электронная почта имеет установленную ширину 600 пикселей, и дополнительная ширина стороны наиболее заметна на мобильных устройствах, где она нарушает поток электронной почты. Строки имеют странную ширину из-за областей щелчка от нашего дизайнера.
Неважно, что я пытаюсь, я не могу получить строки с одинаковой шириной.