@Nivaech

Как улучшить Dot Leaders для писем в HTML?

Верстаю для писем так называемые "Dot leaders", или просто "точки между словами".
Есть текущий вариант, который работает почти везде, в том числе и в десктопном аутлуке.

<tr>
   <td class="order-summary-item-container" colspan="2" style="
      border-collapse: collapse;
      line-height: 0;
      mso-table-lspace: 0;
      mso-table-rspace: 0;
      padding: 0;
      padding-bottom: 16px;
      ">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" style="
         border-collapse: collapse;
         border-spacing: 0;
         mso-table-lspace: 0;
         mso-table-rspace: 0;
         ">
         <tr>
            <td style="
               border-collapse: collapse;
               line-height: 120%;
               mso-table-lspace: 0;
               mso-table-rspace: 0;
               padding: 0;
               color: #7b8bad;
               font-family: 'Poppins', sans-serif;
               font-size: 13px;
               font-weight: 500;
               white-space: nowrap;
               " class="caption">
               <span>Buyer</span>
            </td>
            <td style="
               border-collapse: collapse;
               line-height: 0;
               mso-table-lspace: 0;
               mso-table-rspace: 0;
               padding: 8px 8px 0;
               width: 100%;
               " width="100%">
               <table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100% !important;">
                  <tr>
                     <td align="left" valign="top" width="600px" height="1" style="background-color: #cad1de; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;">
                        <!--[if gte mso 15]>&nbsp;<![endif]-->
                     </td>
                  </tr>
               </table>
            </td>
            <td class="subtitle2" style="
               border-collapse: collapse;
               line-height: 120%;
               mso-table-lspace: 0;
               mso-table-rspace: 0;
               padding: 0;
               color: #383c44;
               font-family: 'Poppins', sans-serif;
               font-size: 15px;
               font-weight: 500;
               white-space: nowrap;
               ">
               <span>Yuliia Ly</span>
            </td>
         </tr>
      </table>
   </td>
</tr>


Не работает это разве что в мобильной версии Gmail для iOS - точки между словами просто не отображаются. Пробовал переписывать код чуть ли не десятком других способов - текущий оказался наиболее надежным.
Может знает кто, что поменять или что дописать, чтобы блок с точками не игнорировался?
  • Вопрос задан
  • 13 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы