我在list元素的代码中向左设置了15个像素的填充，在两个平台上显示的填充看起来并不相同。
<ul style="padding-left: 10px !important; margin: 0 !important;">
<li
style="text-align: left !important; font-size: 14px; font-family: bold, sans-serif, sans-serif !important;">
<span
style="color: #055151; line-height: 150%; font-family: bold, sans-serif;">List element</span>
</li>
</ul>
如何实现呢？
Windows上的Outlook使用Word作为HTML和CSS的呈现引擎。我在这里看到可能有问题的两件事：
!important不支持内联样式。text-indent实际定位列表项标记。为了避免影响其他电子邮件客户端，我们可以使用mso-text-indent-alt它将专门应用于使用Word的呈现引擎的Outlook。这是一个示例代码，应该与您要实现的目标相匹配：
<ul style="padding:0; margin:0 0 0 10px;">
<li style="mso-text-indent-alt:-0.75em; text-align:left; font:bold 14px sans-serif;">
<span style="color:#055151; line-height:150%;">List element</span>
</li>
</ul>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句