如何摆脱 Outlook 中默认的大空格<li>？网页电子邮件模板

Question

我在电子邮件模板中有一个无序的列表。在Outlook上，每个列表项目之间都有一个荒谬的空间。我已经尝试了几种方法 - 定义每个项目之间的TR和TD空间，使用资本M用于保证金，将余量设置为Outlook上的边距为0。

         <table>
              <tr>
                <td valign="middle" width="100%" style="text-align: center; font-family: Georgia, serif, 'Cormorant'; font-size: 16px; line-height: 22px; letter-spacing: .02em; color: #111111; font-weight: 300; font-style: italic;">
                  <ul style="list-style-position: inside; padding-left: 0; margin-left: 0; margin-bottom: 0; Margin: 0;">
                    <li style="font-style: italic; Margin: 0;">Lorem Ipsum</li>
                    <li style="font-style: italic; Margin: 0;">Lorem Ipsum</li>
                    <li style="font-style: italic Margin: 0;;" >Transport - 450m (6 min walk)</li>
                    <li style="font-style: italic; Margin: 0;"> Lorem Ipsum</li>
                  </ul>
              </td>
              </tr>
          </table>

Answer 1

我会求助于子弹。它有点混乱，但我们对外观和感觉都完全控制了。

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td width="30" align="center" valign="top" style="font-family: Helvetica, Arial, 'sans-serif';font-size:12px;padding-bottom:10px;">&bull;</td>
      <td align="left" valign="top" style="font-family: Helvetica, Arial, 'sans-serif';font-size:12px;padding-bottom:10px;">First line of bullet</td>
    </tr>
    <tr>
      <td align="center" valign="top" style="font-family: Helvetica, Arial, 'sans-serif';font-size:12px;padding-bottom:10px;">&bull;</td>
      <td align="left" valign="top" style="font-family: Helvetica, Arial, 'sans-serif';font-size:12px;padding-bottom:10px;">Second line of bullet</td>
    </tr>
  </tbody>
</table>

将表设置为100％，因此放置时会占用父型TD的宽度。让我知道这是否对您有用。