在 HTML 与 Outlook 电子邮件中缩进项目符号的换行文本答案

【问题标题】：Indenting wrapped text of a bullet in HTML vs Outlook Email在 HTML 与 Outlook 电子邮件中缩进项目符号的换行文本
【发布时间】：2017-08-24 03:57:02
【问题描述】：

有人知道如何解决这个问题吗？和 text-indent css 属性没有作用？

padding-left: 1em;text-indent: -1em;

在四处寻找帮助时，我发现这个页面似乎表明 Outlook 支持 text-indent 属性，但不支持 padding 属性（如果我没看错的话）：https://www.campaignmonitor.com/css/

不过，这两个 CSS 属性都不会对电子邮件中的换行文本对齐产生任何影响。查看此页面的任何人使用的当前 Outlook 版本将是 Outlook 2013 或更高版本。

有人知道解决这个问题的方法吗？感谢您的帮助。

【问题讨论】：

【解决方案1】：

您没有发布其余代码，因此我无法测试您在做什么。下面概述的方法对我有用。

我看到你已经尝试过padding-left: 1em;text-indent: -1em;

尝试删除填充并专门为 Outlook 设置样式：

<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
  li {text-indent: -1em;}
</style>
<![endif]-->

这应该可以更正 Outlook，而不会影响现代电子邮件客户端。

如果这不起作用，请发布您的代码，以便我们仔细查看可能存在的问题。

祝你好运。

【讨论】：