我正在创建一个html电子邮件,并希望创建没有缩进的项目符号。 因为它是一封电子邮件,它必须是html和内联CSS。有没有办法编辑你的子弹设置?这些是多线子弹。
答案 0 :(得分:14)
只需将•
放在行的开头,而不是列表:
• List item here<br />
• Another list item here
呈现为:
•此处列出项目
•此处的另一个列表项
通过这种方式,您可以确保它在电子邮件客户端中保持一致。
答案 1 :(得分:4)
无序列表标记分配了默认填充,您可以通过提供margin-left: -10px
css来覆盖它。这应该可以解决您的问题。
在给出0px填充时,最终会丢失子弹。
由于
答案 2 :(得分:3)
您可以指定两个属性的选项来改变项目符号的位置:
list-style-position: outside;
list-style-position: inside;
然后相应地调整填充。
请参阅此example on Codepen。
但是,您仍然需要处理各个电子邮件客户端中的显示差异。
答案 3 :(得分:2)
只需将UL边距和填充设置为零。
<ul style="margin:0;padding:0">
<li></li>
</ul>