html - Html 标签 ul li 在“windows Outlook”中不起作用？

Question

我正在尝试将 HTML 代码作为电子邮件发送，当我ul li在 HTML 中使用它时，它不会在 Windows Outlook 中显示无序列表。

 <div>
         <p>Ul Examples For Outlook</p>
         <ul>
             <li>Type 1</li>
             <li>Type 2</li>
             <li>Type 3</li>
             <li>Type 4</li>
         </ul>
    </div>

我期望电子邮件应该包含带有项目符号的无序列表。但它不会在实际电子邮件中显示项目符号。而且它会为 ul 添加一些边距。

标签： htmlcssoutlook

Answer 1

这是因为 Outlook 为列表设置了一些负边距（我认为），所以你应该为它们设置一些额外的边距：

 <!– [if gte mso 9]>
 <style>
     li {text-align:-webkit-match-parent; display:list-item;text-indent: -1em;}
     ul, ol{    margin-left: 40px !important;}
 </style>
 <![endif]–&gt;