У меня есть электронная почта с img и «границей», сделанная с помощью td. Только в Outlook 2016 td с шириной 260 пикселей отображается с разрывом посередине. Я не могу найти почему. Я скопировал много стилей с cellpading:0, celspaccing:0 и т. д., но ничего не помогает. Кажется, проблема возникает только в Outlook 2016. Тот же код электронной почты работает нормально в других Outlook и почтовых веб-клиентах.
Это мой html-код:
<table style="border-collapse:collapse;margin: 0; padding: 0; line-height: 0; font-size: 0; width: 335px; display: inline-block; text-align: center; vertical-align: top;"
border="0" cellspacing="0" cellpadding="0" align="center" valign="top">
<tbody>
<tr>
<td style="margin: 0; padding: 0; width: 20px; display: inline-block; text-align: center;" width="20">
</td>
<td style="margin: 0; padding: 0; line-height: 0; font-size: 0; width: 270px; text-align: center; background-color: #ffe0e6;"
border="0" cellspacing="0" cellpadding="0" align="center" width="270">
<img src="https://picsum.photos/270/270" width="270" style="max-width: 270px; max-height: 270px; margin: 0; padding: 0; line-height: 0; font-size: 0; border: 0; outline: 0; display: block; border-collapse:collapse;"
border="0" outline="0" height="270" align="top" cellpadding=”0″>
</td>
<td style="margin: 0; padding: 0; line-height: 0; font-size: 0; text-align: center;" border="0" cellspacing="0" cellpadding="0"
align="center">
<table style="border-collapse:collapse;margin: 0; padding: 0; display: inline-block; line-height: 0; text-align: center; font-size: 0; vertical-align: top;"
border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="width:10px; height: 10px; line-height:0; font-size: 0" height="10" width="10">
</td>
</tr>
<tr>
<td style="width:10px; height: 260px; background-color: #ffe0e6; line-height:0; font-size: 0" height="260" width="10">
</td>
</tr>
</tbody>
</table>
</td>
<td style="margin: 0; padding: 0; width: 25px; display: inline-block; text-align: center; height: 270px;" width="25" height="270">
</td>
</tr>
<tr>
<td style="margin: 0; padding: 0; width: 20px; height: 10px; display: inline-block; text-align: center; line-height:0; font-size: 0"
width="20" height="10">
</td>
<td style="margin: 0; padding: 0; line-height: 0; font-size: 0; text-align: center;" border="0" cellspacing="0" cellpadding="0"
align="center">
<table style="border-collapse:collapse;margin: 0; padding: 0; display: inline-block; text-align: center; font-size: 0; line-height: 0; vertical-align: top; height: 10px"
border="0" cellspacing="0" cellpadding="0" align="center" height="10">
<tbody>
<tr>
<td style="margin: 0; padding: 0; height: 10px; width: 10px; line-height:0; font-size: 0; background-color: #ffffff;" width="10"
height="10">
</td>
<td style="margin: 0; padding: 0; height: 10px; width: 260px; line-height:0; font-size: 0; background-color: #ffe0e6;" width="260"
height="10">
</td>
</tr>
</tbody>
</table>
</td>
<td style="margin: 0; padding: 0; height: 10px; width: 10px; line-height:0; font-size: 0; background-color: #ffe0e6;" width="10"
height="10">
</td>
<td style="margin: 0; padding: 0; width: 35px; display: inline-block; line-height:0; font-size: 0; text-align: center;" width="35">
</td>
</tr>
<tr>
<td style="margin: 0; padding: 0; height: 30px; display: inline-block; line-height:0; font-size: 0; text-align: center;"
height="30">
</td>
</tr>
</tbody>
</table>
Я обвел разрыв в этом розовом элементе td, где происходит разрыв
Эта розовая вертикальная линия должна быть полностью розовой. Это тд:
<td style="width:10px; height: 260px; background-color: #ffe0e6; line-height:0; font-size: 0" height="260" width="10">
</td>