Outlook 显示矩形而不是 li 项目符号列表

Outlook shows rectangles instead of li bullet lists

我正在用 html 和 php 发送时事通讯,我遇到了 ul > lis 的问题 显示的不是项目符号矩形

从 Outlook 保存的 html 显示 html 列表已转换为范围:

<span style="font-size:10.0pt;
      font-family:Symbol;mso-fareast-font-family:Symbol;mso-bidi-font-family:
      Symbol"><span style="mso-list:Ignore">·<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;
      </span></span></span>

有什么解决办法吗?

可能只是渲染引擎之间的渲染差异。

&bull; 可用于模拟要点。 最好的使用方法是将它们全部放在 table 中并使用 &bull; 和行来分隔你的点。

像这样:

<table>
  <tr>
    <td style="color:xxx; font-size:xxx;">&bull;</td>
    <td>Text</td>
  </tr>
  <tr>
    <td style="color:xxx; font-size:xxx;">&bull;</td>
    <td>Text</td>
  </tr>
  <tr>
    <td style="color:xxx; font-size:xxx;">&bull;</td>
    <td>Text</td>
  </tr>
</table>

Digital_Frankenstein 的回答可以,尽管有点冗长。

或者,使用 list-style-type: disc; 在 Outlook 中得到很好的支持。

<ul style="padding: 0; margin: 0; list-style-type: disc;">
  <li>...</li>
  <li>...</li>
</ul>

这是我比较喜欢的方法;它是语义化的并且易于访问。但是,您必须确保列表的间距正确,因为默认情况下不同的电子邮件客户端会执行不同的操作。我通常会选择这样的东西:

<ul style="padding: 0; margin: 0; list-style-type: disc;">
  <li style="margin: 0 0 0 15px;">One</li>
  <li style="margin: 0 0 0 15px;">Two</li>
  <li style="margin: 0 0 0 15px;">Three</li>
</ul>