Outlook 2007+ проблема с интервалом

Question

Я хочу скрыть строку из Outlook 2007+ и заменить ее условной строкой.

По какой-то причине условная строка неправильно отображается с избыточным интервалом (возможно, дополнением или разметкой).

Что странно, если я беру код из условной строки и использую его для замены исходной строки, он корректно отображает. Только когда я называю это условно, что он перепутался.

Вот мой код. Есть идеи?

<!--[if (gte mso 9)|(IE)]> 
<tr> 
    <td> 
     <table width="100" cellspacing="0" cellpadding="0"> 
      <tr> 
       <td class="text caT" valign="bottom" style="font-size: 18px;font-weight: bold;Margin:0;line-height:14px;color: #17a0ce; vertical-align: bottom;"> 
        <img style="vertical-align: bottom;" src="http://www.waldenway.com/wp-content/uploads/2015/12/largedog.png" alt="B" /> 
       </td> 
       <td valign="middle" style="font-size: 18px;font-weight: bold;Margin:0;line-height:14px;color: #17a0ce; vertical-align: middle;">Alone</td> 
      </tr> 
     </table> 
    </td> 
</tr> 
<![endif]--> 
<tr> 
    <td class="text" valign="middle" style="font-size: 18px;font-weight: bold;Margin:0;line-height:14px;color: #f49ac1; vertical-align: middle;mso-hide: all"> 
     <img style="vertical-align: middle;" src="http://www.waldenway.com/wp-content/uploads/2015/12/largedog.png" alt="B" /> Back 
    </td> 
</tr> 

Answer 1

Добавление mso-height-rule: exactly; непосредственно перед каждой line-height декларации будет обеспечивать соблюдение сказал line-height в Outlook.

Добавление display: block; к каждому изображению исключает дополнительное пространство под изображениями в Outlook.

<td class="text caT" valign="bottom" style="font-size: 18px;font-weight: bold;Margin:0; mso-height-rule: exactly; line-height:14px;color: #17a0ce; vertical-align: bottom;"> 
    <img style="vertical-align: bottom;" src="http://www.waldenway.com/wp-content/uploads/2015/12/largedog.png" style="display: block;" alt="B" /> 
</td> 
<td valign="middle" style="font-size: 18px;font-weight: bold;Margin:0; mso-height-rule: exactly; line-height:14px;color: #17a0ce; vertical-align: middle;"> 
    Alone 
</td>