电子邮件中显示左边距的项目符号列表示例

[badabunsebl25]

无序列表类型选项
圆盘（读作“子弹” • ）
圆圈（读作“白圈”○）
正方形（读作“黑色正方形”‎■）
有序列表类型选项
1（默认十进制数字）
A（大写字母）
a（小写字母）
I（大写罗马数字）
i（小写罗马数字）
您可能已经注意到：我们包含在两个列表中。这是为了确保项目符号在容器边界内呈现，而不是错位或根本不出现。margin-left

Gmail 注意事项和解决方法
值得注意的是，Gmail 网络邮件（但不是移动版 Gmail 应用）是唯一不需要确保项目符号在正确边界内呈现的客户端。这意味着您的列表将包含额外的左缩进。margin-left

如果您确实需要项目符号列表与容器左边距齐平，则可以使用 Gmail 特定的 CSS 将左边距重置为零，如下所示：



如您所见，我们加入了移动响应式媒体查询，以确保边距重置 印度赌博数据 不会影响移动设备上的 Gmail 应用。另外，请注意 CSS 的编写顺序。如果您将移动响应式 CSS 放在桌面 CSS之前，那么由于级联，移动响应式 CSS 将被否决。

PS 语义项目符号列表自然对移动设备具有响应能力，因此具有可访问性优势，可谓双赢！

电子邮件中的项目符号列表示例（以 GIF 形式显示），展示他们如何在移动设备上做出回应Outlook 注意事项和解决方法
此外，您还需要一些解决方法才能使项目符号在Outlook中正确呈现。


如何设置电子邮件中 ​​HTML 项目符号的样式
现在我们已经确定 HTML 电子邮件项目符号可能有点……复杂，这是否意味着您需要保持简单？（我们考虑黑色、圆形项目符号，或者只是 1、2、3。）

答案是：绝对不行！好消息：项目符号的使用没有限制。几乎可以对项目符号进行任何处理，就像对电子邮件中的文本进行处理一样。

您想更改颜色以匹配您品牌的风格指南吗？那就来吧。您想使用自定义字体或Web 字体来匹配电子邮件的其余部分吗？您当然可以（并且应该这样做）。对于任何列表，您都可以更改项目符号的大小和颜色 - 对于有序列表，您还可以更改字体并将数字或字母加粗或斜体化。

让我们看看这些样式对我们之前的原始代码有何影响。