如何仅使用内联代码设置HTML邮件模板中ul列表项的垂直间距？

出现双倍间距的核心原因，是邮件客户端对<ul>/<li>元素自带的默认边距样式，和手动添加的<br>换行高度发生了叠加，再加上不同客户端对默认边距的渲染差异，根本没法靠调整<br>的数量来对齐间距。
具体可落地的兼容写法完全满足全内联要求，不需要依赖外部CSS：

• 最小改动方案：调整原生ul结构的样式
  1. 先清空ul和li的所有原生默认边距，从根源消除额外间距：给ul加内联样式style="margin: 0; padding: 0; list-style-position: inside;"；给每个li加内联样式style="margin: 0; padding: 0; line-height: 1.5;"
  2. 删掉li内部手动加的所有<br>，给每个li补充和段落间距完全相等的下外边距：比如之前单倍<br>实现的段落间距实际渲染对应12px，就把li的内联样式补全为style="margin: 0 0 12px 0; padding: 0; line-height: 1.5;"
• 全兼容兜底方案：彻底绕开ul的原生渲染逻辑
  遇到Outlook老版本这类对列表样式支持较差的客户端时，直接放弃使用原生<ul>标签，用带固定缩进的div手动拼列表结构，所有间距完全自主可控：

  <!-- 示例代码，下外边距值直接和段落保持一致即可 -->
  <div style="margin: 0 0 12px 0; padding: 0;">
    <span style="display: inline-block; width: 16px;">•</span>
    列表项1内容
  </div>
  <div style="margin: 0 0 12px 0; padding: 0;">
    <span style="display: inline-block; width: 16px;">•</span>
    列表项2内容
  </div>
  

关键注意点：所有间距值统一用固定px单位，不要混用<br>换行和边距两种间距实现方式——<br>的高度会随字体大小、行高变化，很难精准对齐段落间距，统一用相同值的下外边距，就能保证列表项和段落的间距完全一致。

内容的提问来源于stack exchange，提问作者Maggie