没有缩进的HTML Bullet点

时间:2014-04-08 15:10:53

标签: html inline

我正在创建一个html电子邮件,并希望创建没有缩进的项目符号。 因为它是一封电子邮件,它必须是html和内联CSS。有没有办法编辑你的子弹设置?这些是多线子弹。

4 个答案:

答案 0 :(得分:14)

只需将•放在行的开头,而不是列表:

&bull; List item here<br />
&bull; 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>