微软Outlook为什么在发送HTML邮件时不遵守列表样式？

Question

我有以下代码，但无论如何我都无法在Microsoft Outlook中让它工作。

<ul style="margin-left: 50px; line-height: 50px; list-style: none;">
    <li style="font-size: 1.5em; list-style: none;">[UniqueCode]</li>
</ul>

是否有其他方法可以实现相同的结果？我正在尝试向一组人发送HTML电子邮件。

- PeanutsMonkey

Answer 1

请查看 Campaign Monitor 的指南，了解在 HTML 邮件中 CSS 的支持情况。

在 Outlook 2007 或 Outlook 2010 中，不支持使用 list-style-image、list-style-position 和 list-style-type。

由于 Outlook 对 CSS 的支持非常糟糕，因此在 HTML 邮件构建中使用表格单元格进行布局是标准做法。

尝试使用具有指定精确宽度的表格单元格来布置列表，并为每个项目设置一个新行或使用 <br> 进行分隔。

- marissajmc

---

谢谢。我发现Outlook 2007和2010不支持它们，必须将整个HTML电子邮件重写为表格。真是太糟糕了！ - PeanutsMonkey

在HTML邮件构建中，使用表格单元格进行布局是标准做法，因为Outlook对CSS的支持非常差。虽然我已经知道这一点，但阅读起来仍然让人沮丧。为这个问题提供解决方法加1。 - James Cushing

参考文献是一条黄金链接！谢谢！ - Vasilii Burlacu

Answer 2

我尝试将<ul>的文本颜色设为与背景相同，并使用<span>分配正确的文本颜色。例如，如果您正在使用带有黑色文本的#c4c4c4背景。

<ul style="list-style: none;color:#c4c4c4;">
  <li><span style="color:#000000;">Something</span></li>
</ul>

如果显示子弹符号，它们会与背景融为一体，但文本将会显示。

- user21326991